#af840a hex color

In a RGB color space, hex #af840a is composed of 68.6% red, 51.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.6% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 44.4 degrees, a saturation of 89.2% and a lightness of 36.3%. #af840a color hex could be obtained by blending #ffff14 with #5f0900. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 52
- B 4
RGB color chart
- C 0
- M 25
- Y 94
- K 31
CMYK color chart

● #af840a color description : Dark orange [Brown tone].

The hexadecimal color #af840a has RGB values of R:175, G:132, B:10 and CMYK values of C:0, M:0.25, Y:0.94, K:0.31. Its decimal value is 11502602.

Hex triplet	af840a	`#af840a`
RGB Decimal	175, 132, 10	`rgb(175,132,10)`
RGB Percent	68.6, 51.8, 3.9	`rgb(68.6%,51.8%,3.9%)`
CMYK	0, 25, 94, 31
HSL	44.4°, 89.2, 36.3	`hsl(44.4,89.2%,36.3%)`
HSV (or HSB)	44.4°, 94.3, 68.6
Web Safe	999900	`#999900`

CIE-LAB	57.694, 6.871, 61.314
XYZ	25.986, 25.64, 3.868
xyY	0.468, 0.462, 25.64
CIE-LCH	57.694, 61.698, 83.606
CIE-LUV	57.694, 36.273, 58.684
Hunter-Lab	50.636, 2.992, 30.917
Binary	10101111, 10000100, 00001010

#af840a
```
#af840a rgb(175,132,10)
```
#0a35af
```
#0a35af rgb(10,53,175)
```

Complementary Color

#af310a
```
#af310a rgb(175,49,10)
```
#af840a
```
#af840a rgb(175,132,10)
```
#88af0a
```
#88af0a rgb(136,175,10)
```

Analogous Color

#310aaf
```
#310aaf rgb(49,10,175)
```
#af840a
```
#af840a rgb(175,132,10)
```
#0a88af
```
#0a88af rgb(10,136,175)
```

Split Complementary Color

#840aaf
```
#840aaf rgb(132,10,175)
```
#af840a
```
#af840a rgb(175,132,10)
```
#0aaf84
```
#0aaf84 rgb(10,175,132)
```

Triadic Color

#af0a35
```
#af0a35 rgb(175,10,53)
```
#af840a
```
#af840a rgb(175,132,10)
```
#0aaf84
```
#0aaf84 rgb(10,175,132)
```
#0a35af
```
#0a35af rgb(10,53,175)
```

Tetradic Color

#674d06
```
#674d06 rgb(103,77,6)
```
#7f6007
```
#7f6007 rgb(127,96,7)
```
#977209
```
#977209 rgb(151,114,9)
```
#af840a
```
#af840a rgb(175,132,10)
```
#c7960b
```
#c7960b rgb(199,150,11)
```
#dfa80d
```
#dfa80d rgb(223,168,13)
```
#f2b814
```
#f2b814 rgb(242,184,20)
```

Monochromatic Color

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

#af5b0a
```
#af5b0a rgb(175,91,10)
```
#af690a
```
#af690a rgb(175,105,10)
```
#af760a
```
#af760a rgb(175,118,10)
```
#af840a
```
#af840a rgb(175,132,10)
```
#af920a
```
#af920a rgb(175,146,10)
```
#afa00a
```
#afa00a rgb(175,160,10)
```
#afad0a
```
#afad0a rgb(175,173,10)
```

Similar Colors

Text with hexadecimal color #af840a

This text has a font color of #af840a.

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

#af840a background color

This paragraph has a background color of #af840a.

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

#af840a border color

This element has a border color of #af840a.

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

CSS codes

.text {color:#af840a;}

.background {background-color:#af840a;}

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

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, #080600 is the darkest color, while #fefcf4 is the lightest one.

#080600
```
#080600 rgb(8,6,0)
```
#1b1402
```
#1b1402 rgb(27,20,2)
```
#2d2203
```
#2d2203 rgb(45,34,3)
```
#403004
```
#403004 rgb(64,48,4)
```
#523e05
```
#523e05 rgb(82,62,5)
```
#654c06
```
#654c06 rgb(101,76,6)
```
#775a07
```
#775a07 rgb(119,90,7)
```
#8a6808
```
#8a6808 rgb(138,104,8)
```
#9c7609
```
#9c7609 rgb(156,118,9)
```
#af840a
```
#af840a rgb(175,132,10)
```
#c2920b
```
#c2920b rgb(194,146,11)
```
#d4a00c
```
#d4a00c rgb(212,160,12)
```
#e7ae0d
```
#e7ae0d rgb(231,174,13)
```

Shade Color Variation

#f2b816
```
#f2b816 rgb(242,184,22)
```
#f3be28
```
#f3be28 rgb(243,190,40)
```
#f4c43b
```
#f4c43b rgb(244,196,59)
```
#f5c94d
```
#f5c94d rgb(245,201,77)
```
#f6cf60
```
#f6cf60 rgb(246,207,96)
```
#f7d473
```
#f7d473 rgb(247,212,115)
```
#f8da85
```
#f8da85 rgb(248,218,133)
```
#f9e098
```
#f9e098 rgb(249,224,152)
```
#fae5aa
```
#fae5aa rgb(250,229,170)
```
#fbebbd
```
#fbebbd rgb(251,235,189)
```
#fcf1cf
```
#fcf1cf rgb(252,241,207)
```
#fdf6e2
```
#fdf6e2 rgb(253,246,226)
```
#fefcf4
```
#fefcf4 rgb(254,252,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #615f58 is the less saturated color, while #b68703 is the most saturated one.

#615f58
```
#615f58 rgb(97,95,88)
```
#686251
```
#686251 rgb(104,98,81)
```
#6f654a
```
#6f654a rgb(111,101,74)
```
#766943
```
#766943 rgb(118,105,67)
```
#7d6c3c
```
#7d6c3c rgb(125,108,60)
```
#847035
```
#847035 rgb(132,112,53)
```
#8b732e
```
#8b732e rgb(139,115,46)
```
#937626
```
#937626 rgb(147,118,38)
```
#9a7a1f
```
#9a7a1f rgb(154,122,31)
```
#a17d18
```
#a17d18 rgb(161,125,24)
```
#a88111
```
#a88111 rgb(168,129,17)
```
#af840a
```
#af840a rgb(175,132,10)
```
#b68703
```
#b68703 rgb(182,135,3)
```

Tone Color Variation

Below, you can see how #af840a 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

#838383 Achromatopsia 0.005% of the population
#8c836b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29018 Protanopia 1% of men
#b48917 Deuteranopia 1% of men
#b9818a Tritanopia 0.001% of the population

Trichromacy

#a68c13 Protanomaly 1% of men, 0.01% of women
#b28712 Deuteranomaly 6% of men, 0.4% of women
#b5825b Tritanomaly 0.01% of the population

#af840a hex color

#af840a Color Information

#af840a Color Conversion

Color Schemes with #af840a

Alternatives to #af840a

#af840a Preview

Shades and Tints of #af840a

Tones of #af840a

Color Blindness Simulator