colorhexa.com

#af870b hex color

In a RGB color space, hex #af870b is composed of 68.6% red, 52.9% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 93.7% yellow and 31.4% black. It has a hue angle of 45.4 degrees, a saturation of 88.2% and a lightness of 36.5%. #af870b color hex could be obtained by blending #ffff16 with #5f0f00. Closest websafe color is: #999900.

- R 69
- G 53
- B 4
RGB color chart
- C 0
- M 23
- Y 94
- K 31
CMYK color chart

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

The hexadecimal color #af870b has RGB values of R:175, G:135, B:11 and CMYK values of C:0, M:0.23, Y:0.94, K:0.31. Its decimal value is 11503371.

Hex triplet	af870b	`#af870b`
RGB Decimal	175, 135, 11	`rgb(175,135,11)`
RGB Percent	68.6, 52.9, 4.3	`rgb(68.6%,52.9%,4.3%)`
CMYK	0, 23, 94, 31
HSL	45.4°, 88.2, 36.5	`hsl(45.4,88.2%,36.5%)`
HSV (or HSB)	45.4°, 93.7, 68.6
Web Safe	999900	`#999900`

CIE-LAB	58.478, 5.221, 61.733
XYZ	26.404, 26.467, 4.035
xyY	0.464, 0.465, 26.467
CIE-LCH	58.478, 61.954, 85.165
CIE-LUV	58.478, 33.956, 59.762
Hunter-Lab	51.447, 1.581, 31.363
Binary	10101111, 10000111, 00001011

#af870b
```
#af870b rgb(175,135,11)
```
#0b33af
```
#0b33af rgb(11,51,175)
```

Complementary Color

#af350b
```
#af350b rgb(175,53,11)
```
#af870b
```
#af870b rgb(175,135,11)
```
#85af0b
```
#85af0b rgb(133,175,11)
```

Analogous Color

#350baf
```
#350baf rgb(53,11,175)
```
#af870b
```
#af870b rgb(175,135,11)
```
#0b85af
```
#0b85af rgb(11,133,175)
```

Split Complementary Color

#870baf
```
#870baf rgb(135,11,175)
```
#af870b
```
#af870b rgb(175,135,11)
```
#0baf87
```
#0baf87 rgb(11,175,135)
```

Triadic Color

#af0b33
```
#af0b33 rgb(175,11,51)
```
#af870b
```
#af870b rgb(175,135,11)
```
#0baf87
```
#0baf87 rgb(11,175,135)
```
#0b33af
```
#0b33af rgb(11,51,175)
```

Tetradic Color

#674f06
```
#674f06 rgb(103,79,6)
```
#7f6208
```
#7f6208 rgb(127,98,8)
```
#977409
```
#977409 rgb(151,116,9)
```
#af870b
```
#af870b rgb(175,135,11)
```
#c79a0d
```
#c79a0d rgb(199,154,13)
```
#dfac0e
```
#dfac0e rgb(223,172,14)
```
#f0bb16
```
#f0bb16 rgb(240,187,22)
```

Monochromatic Color

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

#af5e0b
```
#af5e0b rgb(175,94,11)
```
#af6c0b
```
#af6c0b rgb(175,108,11)
```
#af790b
```
#af790b rgb(175,121,11)
```
#af870b
```
#af870b rgb(175,135,11)
```
#af950b
```
#af950b rgb(175,149,11)
```
#afa20b
```
#afa20b rgb(175,162,11)
```
#aeaf0b
```
#aeaf0b rgb(174,175,11)
```

Similar Colors

Text with hexadecimal color #af870b

This text has a font color of #af870b.

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

#af870b background color

This paragraph has a background color of #af870b.

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

#af870b border color

This element has a border color of #af870b.

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

CSS codes

.text {color:#af870b;}

.background {background-color:#af870b;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1b1502
```
#1b1502 rgb(27,21,2)
```
#2e2303
```
#2e2303 rgb(46,35,3)
```
#403204
```
#403204 rgb(64,50,4)
```
#534005
```
#534005 rgb(83,64,5)
```
#654e06
```
#654e06 rgb(101,78,6)
```
#785c08
```
#785c08 rgb(120,92,8)
```
#8a6b09
```
#8a6b09 rgb(138,107,9)
```
#9d790a
```
#9d790a rgb(157,121,10)
```
#af870b
```
#af870b rgb(175,135,11)
```
#c1950c
```
#c1950c rgb(193,149,12)
```
#d4a30d
```
#d4a30d rgb(212,163,13)
```
#e6b20e
```
#e6b20e rgb(230,178,14)
```

Shade Color Variation

#f0bc18
```
#f0bc18 rgb(240,188,24)
```
#f2c12a
```
#f2c12a rgb(242,193,42)
```
#f3c63d
```
#f3c63d rgb(243,198,61)
```
#f4cc4f
```
#f4cc4f rgb(244,204,79)
```
#f5d162
```
#f5d162 rgb(245,209,98)
```
#f6d774
```
#f6d774 rgb(246,215,116)
```
#f7dc87
```
#f7dc87 rgb(247,220,135)
```
#f9e199
```
#f9e199 rgb(249,225,153)
```
#fae7ac
```
#fae7ac rgb(250,231,172)
```
#fbecbe
```
#fbecbe rgb(251,236,190)
```
#fcf1d1
```
#fcf1d1 rgb(252,241,209)
```
#fdf7e3
```
#fdf7e3 rgb(253,247,227)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#605f5a
```
#605f5a rgb(96,95,90)
```
#676253
```
#676253 rgb(103,98,83)
```
#6f664b
```
#6f664b rgb(111,102,75)
```
#766a44
```
#766a44 rgb(118,106,68)
```
#7d6d3d
```
#7d6d3d rgb(125,109,61)
```
#847136
```
#847136 rgb(132,113,54)
```
#8b752f
```
#8b752f rgb(139,117,47)
```
#927828
```
#927828 rgb(146,120,40)
```
#9a7c20
```
#9a7c20 rgb(154,124,32)
```
#a18019
```
#a18019 rgb(161,128,25)
```
#a88312
```
#a88312 rgb(168,131,18)
```
#af870b
```
#af870b rgb(175,135,11)
```
#b68b04
```
#b68b04 rgb(182,139,4)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d856d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49219 Protanopia 1% of men
#b78b19 Deuteranopia 1% of men
#ba838d Tritanopia 0.001% of the population

Trichromacy

#a88e14 Protanomaly 1% of men, 0.01% of women
#b48914 Deuteranomaly 6% of men, 0.4% of women
#b6855d Tritanomaly 0.01% of the population