colorhexa.com

#502311 hex color

In a RGB color space, hex #502311 is composed of 31.4% red, 13.7% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 78.8% yellow and 68.6% black. It has a hue angle of 17.1 degrees, a saturation of 64.9% and a lightness of 19%. #502311 color hex could be obtained by blending #a04622 with #000000. Closest websafe color is: #663300.

- R 31
- G 14
- B 7
RGB color chart
- C 0
- M 56
- Y 79
- K 69
CMYK color chart

● #502311 color description : Very dark orange [Brown tone].

The hexadecimal color #502311 has RGB values of R:80, G:35, B:17 and CMYK values of C:0, M:0.56, Y:0.79, K:0.69. Its decimal value is 5251857.

Hex triplet	502311	`#502311`
RGB Decimal	80, 35, 17	`rgb(80,35,17)`
RGB Percent	31.4, 13.7, 6.7	`rgb(31.4%,13.7%,6.7%)`
CMYK	0, 56, 79, 69
HSL	17.1°, 64.9, 19	`hsl(17.1,64.9%,19%)`
HSV (or HSB)	17.1°, 78.8, 31.4
Web Safe	663300	`#663300`

CIE-LAB	19.836, 19.606, 21.496
XYZ	4.011, 2.948, 0.888
xyY	0.511, 0.376, 2.948
CIE-LCH	19.836, 29.094, 47.633
CIE-LUV	19.836, 30.256, 13.662
Hunter-Lab	17.171, 11.643, 8.953
Binary	01010000, 00100011, 00010001

#502311
```
#502311 rgb(80,35,17)
```
#113e50
```
#113e50 rgb(17,62,80)
```

Complementary Color

#50111f
```
#50111f rgb(80,17,31)
```
#502311
```
#502311 rgb(80,35,17)
```
#504311
```
#504311 rgb(80,67,17)
```

Analogous Color

#111f50
```
#111f50 rgb(17,31,80)
```
#502311
```
#502311 rgb(80,35,17)
```
#115043
```
#115043 rgb(17,80,67)
```

Split Complementary Color

#110704
```
#110704 rgb(17,7,4)
```
#261108
```
#261108 rgb(38,17,8)
```
#3b1a0d
```
#3b1a0d rgb(59,26,13)
```
#502311
```
#502311 rgb(80,35,17)
```
#652c15
```
#652c15 rgb(101,44,21)
```
#7a351a
```
#7a351a rgb(122,53,26)
```
#8f3f1e
```
#8f3f1e rgb(143,63,30)
```

Monochromatic Color

Below, you can see some colors close to #502311. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#501311
```
#501311 rgb(80,19,17)
```
#501911
```
#501911 rgb(80,25,17)
```
#501e11
```
#501e11 rgb(80,30,17)
```
#502311
```
#502311 rgb(80,35,17)
```
#502811
```
#502811 rgb(80,40,17)
```
#502e11
```
#502e11 rgb(80,46,17)
```
#503311
```
#503311 rgb(80,51,17)
```

Similar Colors

Text with hexadecimal color #502311

This text has a font color of #502311.

<span style="color:#502311;">Text here</span>

#502311 background color

This paragraph has a background color of #502311.

<p style="background-color:#502311;">Content here</p>

#502311 border color

This element has a border color of #502311.

<div style="border:1px solid #502311;">Content here</div>

CSS codes

.text {color:#502311;}

.background {background-color:#502311;}

.border {border:1px solid #502311;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0f0703 is the darkest color, while #fffefe is the lightest one.

#0f0703
```
#0f0703 rgb(15,7,3)
```
#1f0e07
```
#1f0e07 rgb(31,14,7)
```
#30150a
```
#30150a rgb(48,21,10)
```
#401c0e
```
#401c0e rgb(64,28,14)
```
#502311
```
#502311 rgb(80,35,17)
```
#602a14
```
#602a14 rgb(96,42,20)
```
#703118
```
#703118 rgb(112,49,24)
```
#81381b
```
#81381b rgb(129,56,27)
```
#913f1f
```
#913f1f rgb(145,63,31)
```
#a14622
```
#a14622 rgb(161,70,34)
```
#b14d26
```
#b14d26 rgb(177,77,38)
```
#c15529
```
#c15529 rgb(193,85,41)
```
#d15c2d
```
#d15c2d rgb(209,92,45)
```

Shade Color Variation

#d6683c
```
#d6683c rgb(214,104,60)
```
#d9744c
```
#d9744c rgb(217,116,76)
```
#dc815c
```
#dc815c rgb(220,129,92)
```
#e08d6d
```
#e08d6d rgb(224,141,109)
```
#e39a7d
```
#e39a7d rgb(227,154,125)
```
#e7a78d
```
#e7a78d rgb(231,167,141)
```
#eab39d
```
#eab39d rgb(234,179,157)
```
#eec0ad
```
#eec0ad rgb(238,192,173)
```
#f1ccbd
```
#f1ccbd rgb(241,204,189)
```
#f4d9ce
```
#f4d9ce rgb(244,217,206)
```
#f8e5de
```
#f8e5de rgb(248,229,222)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #32302f is the less saturated color, while #5f1d02 is the most saturated one.

#32302f
```
#32302f rgb(50,48,47)
```
#362e2b
```
#362e2b rgb(54,46,43)
```
#3a2d27
```
#3a2d27 rgb(58,45,39)
```
#3d2b24
```
#3d2b24 rgb(61,43,36)
```
#412920
```
#412920 rgb(65,41,32)
```
#45281c
```
#45281c rgb(69,40,28)
```
#492618
```
#492618 rgb(73,38,24)
```
#4c2515
```
#4c2515 rgb(76,37,21)
```
#502311
```
#502311 rgb(80,35,17)
```
#54210d
```
#54210d rgb(84,33,13)
```
#57200a
```
#57200a rgb(87,32,10)
```
#5b1e06
```
#5b1e06 rgb(91,30,6)
```
#5f1d02
```
#5f1d02 rgb(95,29,2)
```

Tone Color Variation

Below, you can see how #502311 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#2e2e2e Achromatopsia 0.005% of the population
#352c28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#403a21 Protanopia 1% of men
#48381a Deuteranopia 1% of men
#5a2c2f Tritanopia 0.001% of the population

Trichromacy

#46321b Protanomaly 1% of men, 0.01% of women
#4b3017 Deuteranomaly 6% of men, 0.4% of women
#562824 Tritanomaly 0.01% of the population