#af880f hex color

In a RGB color space, hex #af880f is composed of 68.6% red, 53.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 45.4 degrees, a saturation of 84.2% and a lightness of 37.3%. #af880f color hex could be obtained by blending #ffff1e with #5f1100. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 53
- B 6
RGB color chart
- C 0
- M 22
- Y 91
- K 31
CMYK color chart

● #af880f color description : Dark yellow [Olive tone].

The hexadecimal color #af880f has RGB values of R:175, G:136, B:15 and CMYK values of C:0, M:0.22, Y:0.91, K:0.31. Its decimal value is 11503631.

Hex triplet	af880f	`#af880f`
RGB Decimal	175, 136, 15	`rgb(175,136,15)`
RGB Percent	68.6, 53.3, 5.9	`rgb(68.6%,53.3%,5.9%)`
CMYK	0, 22, 91, 31
HSL	45.4°, 84.2, 37.3	`hsl(45.4,84.2%,37.3%)`
HSV (or HSB)	45.4°, 91.4, 68.6
Web Safe	999900	`#999900`

CIE-LAB	58.75, 4.733, 61.21
XYZ	26.57, 26.758, 4.217
xyY	0.462, 0.465, 26.758
CIE-LCH	58.75, 61.393, 85.579
CIE-LUV	58.75, 33.132, 59.764
Hunter-Lab	51.728, 1.162, 31.376
Binary	10101111, 10001000, 00001111

#af880f
```
#af880f rgb(175,136,15)
```
#0f36af
```
#0f36af rgb(15,54,175)
```

Complementary Color

#af380f
```
#af380f rgb(175,56,15)
```
#af880f
```
#af880f rgb(175,136,15)
```
#86af0f
```
#86af0f rgb(134,175,15)
```

Analogous Color

#380faf
```
#380faf rgb(56,15,175)
```
#af880f
```
#af880f rgb(175,136,15)
```
#0f86af
```
#0f86af rgb(15,134,175)
```

Split Complementary Color

#880faf
```
#880faf rgb(136,15,175)
```
#af880f
```
#af880f rgb(175,136,15)
```
#0faf88
```
#0faf88 rgb(15,175,136)
```

Triadic Color

#af0f36
```
#af0f36 rgb(175,15,54)
```
#af880f
```
#af880f rgb(175,136,15)
```
#0faf88
```
#0faf88 rgb(15,175,136)
```
#0f36af
```
#0f36af rgb(15,54,175)
```

Tetradic Color

#695109
```
#695109 rgb(105,81,9)
```
#80630b
```
#80630b rgb(128,99,11)
```
#98760d
```
#98760d rgb(152,118,13)
```
#af880f
```
#af880f rgb(175,136,15)
```
#c69a11
```
#c69a11 rgb(198,154,17)
```
#dead13
```
#dead13 rgb(222,173,19)
```
#ecba1f
```
#ecba1f rgb(236,186,31)
```

Monochromatic Color

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

#af600f
```
#af600f rgb(175,96,15)
```
#af6d0f
```
#af6d0f rgb(175,109,15)
```
#af7b0f
```
#af7b0f rgb(175,123,15)
```
#af880f
```
#af880f rgb(175,136,15)
```
#af950f
```
#af950f rgb(175,149,15)
```
#afa30f
```
#afa30f rgb(175,163,15)
```
#aeaf0f
```
#aeaf0f rgb(174,175,15)
```

Similar Colors

Text with hexadecimal color #af880f

This text has a font color of #af880f.

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

#af880f background color

This paragraph has a background color of #af880f.

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

#af880f border color

This element has a border color of #af880f.

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

CSS codes

.text {color:#af880f;}

.background {background-color:#af880f;}

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

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, #0c0a01 is the darkest color, while #fffdf9 is the lightest one.

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1e1803
```
#1e1803 rgb(30,24,3)
```
#312604
```
#312604 rgb(49,38,4)
```
#433406
```
#433406 rgb(67,52,6)
```
#554207
```
#554207 rgb(85,66,7)
```
#675009
```
#675009 rgb(103,80,9)
```
#795e0a
```
#795e0a rgb(121,94,10)
```
#8b6c0c
```
#8b6c0c rgb(139,108,12)
```
#9d7a0d
```
#9d7a0d rgb(157,122,13)
```
#af880f
```
#af880f rgb(175,136,15)
```
#c19611
```
#c19611 rgb(193,150,17)
```
#d3a412
```
#d3a412 rgb(211,164,18)
```
#e5b214
```
#e5b214 rgb(229,178,20)
```

Shade Color Variation

#ecba21
```
#ecba21 rgb(236,186,33)
```
#edc033
```
#edc033 rgb(237,192,51)
```
#efc645
```
#efc645 rgb(239,198,69)
```
#f1cb57
```
#f1cb57 rgb(241,203,87)
```
#f2d169
```
#f2d169 rgb(242,209,105)
```
#f4d67b
```
#f4d67b rgb(244,214,123)
```
#f5dc8d
```
#f5dc8d rgb(245,220,141)
```
#f7e19f
```
#f7e19f rgb(247,225,159)
```
#f8e7b1
```
#f8e7b1 rgb(248,231,177)
```
#faedc3
```
#faedc3 rgb(250,237,195)
```
#fbf2d5
```
#fbf2d5 rgb(251,242,213)
```
#fdf8e7
```
#fdf8e7 rgb(253,248,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#666358
```
#666358 rgb(102,99,88)
```
#6d6651
```
#6d6651 rgb(109,102,81)
```
#756a49
```
#756a49 rgb(117,106,73)
```
#7c6e42
```
#7c6e42 rgb(124,110,66)
```
#83723b
```
#83723b rgb(131,114,59)
```
#8a7534
```
#8a7534 rgb(138,117,52)
```
#92792c
```
#92792c rgb(146,121,44)
```
#997d25
```
#997d25 rgb(153,125,37)
```
#a0811e
```
#a0811e rgb(160,129,30)
```
#a88416
```
#a88416 rgb(168,132,22)
```
#af880f
```
#af880f rgb(175,136,15)
```
#b68c08
```
#b68c08 rgb(182,140,8)
```
#be8f00
```
#be8f00 rgb(190,143,0)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e866e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5931d Protanopia 1% of men
#b78c1d Deuteranopia 1% of men
#ba848e Tritanopia 0.001% of the population

Trichromacy

#a88f17 Protanomaly 1% of men, 0.01% of women
#b48a18 Deuteranomaly 6% of men, 0.4% of women
#b6865f Tritanomaly 0.01% of the population

#af880f hex color

#af880f Color Information

#af880f Color Conversion

Color Schemes with #af880f

Alternatives to #af880f

#af880f Preview

Shades and Tints of #af880f

Tones of #af880f

Color Blindness Simulator