#af8b2b hex color

In a RGB color space, hex #af8b2b is composed of 68.6% red, 54.5% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 43.6 degrees, a saturation of 60.6% and a lightness of 42.7%. #af8b2b color hex could be obtained by blending #ffff56 with #5f1700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 55
- B 17
RGB color chart
- C 0
- M 21
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #af8b2b has RGB values of R:175, G:139, B:43 and CMYK values of C:0, M:0.21, Y:0.75, K:0.31. Its decimal value is 11504427.

Hex triplet	af8b2b	`#af8b2b`
RGB Decimal	175, 139, 43	`rgb(175,139,43)`
RGB Percent	68.6, 54.5, 16.9	`rgb(68.6%,54.5%,16.9%)`
CMYK	0, 21, 75, 31
HSL	43.6°, 60.6, 42.7	`hsl(43.6,60.6%,42.7%)`
HSV (or HSB)	43.6°, 75.4, 68.6
Web Safe	999933	`#999933`

CIE-LAB	59.667, 3.942, 53.507
XYZ	27.348, 27.755, 6.202
xyY	0.446, 0.453, 27.755
CIE-LCH	59.667, 53.652, 85.787
CIE-LUV	59.667, 30.095, 55.862
Hunter-Lab	52.683, 0.466, 29.898
Binary	10101111, 10001011, 00101011

#af8b2b
```
#af8b2b rgb(175,139,43)
```
#2b4faf
```
#2b4faf rgb(43,79,175)
```

Complementary Color

#af492b
```
#af492b rgb(175,73,43)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#91af2b
```
#91af2b rgb(145,175,43)
```

Analogous Color

#492baf
```
#492baf rgb(73,43,175)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#2b91af
```
#2b91af rgb(43,145,175)
```

Split Complementary Color

#8b2baf
```
#8b2baf rgb(139,43,175)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#2baf8b
```
#2baf8b rgb(43,175,139)
```

Triadic Color

#af2b4f
```
#af2b4f rgb(175,43,79)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#2baf8b
```
#2baf8b rgb(43,175,139)
```
#2b4faf
```
#2b4faf rgb(43,79,175)
```

Tetradic Color

#725a1c
```
#725a1c rgb(114,90,28)
```
#866a21
```
#866a21 rgb(134,106,33)
```
#9b7b26
```
#9b7b26 rgb(155,123,38)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#c39b30
```
#c39b30 rgb(195,155,48)
```
#cfa83e
```
#cfa83e rgb(207,168,62)
```
#d4b152
```
#d4b152 rgb(212,177,82)
```

Monochromatic Color

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

#af6a2b
```
#af6a2b rgb(175,106,43)
```
#af752b
```
#af752b rgb(175,117,43)
```
#af802b
```
#af802b rgb(175,128,43)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#af962b
```
#af962b rgb(175,150,43)
```
#afa12b
```
#afa12b rgb(175,161,43)
```
#afac2b
```
#afac2b rgb(175,172,43)
```

Similar Colors

Text with hexadecimal color #af8b2b

This text has a font color of #af8b2b.

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

#af8b2b background color

This paragraph has a background color of #af8b2b.

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

#af8b2b border color

This element has a border color of #af8b2b.

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

CSS codes

.text {color:#af8b2b;}

.background {background-color:#af8b2b;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120e04
```
#120e04 rgb(18,14,4)
```
#211a08
```
#211a08 rgb(33,26,8)
```
#31270c
```
#31270c rgb(49,39,12)
```
#413310
```
#413310 rgb(65,51,16)
```
#514014
```
#514014 rgb(81,64,20)
```
#604c18
```
#604c18 rgb(96,76,24)
```
#70591c
```
#70591c rgb(112,89,28)
```
#80651f
```
#80651f rgb(128,101,31)
```
#907223
```
#907223 rgb(144,114,35)
```
#9f7e27
```
#9f7e27 rgb(159,126,39)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#bf982f
```
#bf982f rgb(191,152,47)
```

Shade Color Variation

#cda334
```
#cda334 rgb(205,163,52)
```
#d1ab44
```
#d1ab44 rgb(209,171,68)
```
#d5b254
```
#d5b254 rgb(213,178,84)
```
#d9b963
```
#d9b963 rgb(217,185,99)
```
#ddc073
```
#ddc073 rgb(221,192,115)
```
#e0c783
```
#e0c783 rgb(224,199,131)
```
#e4ce93
```
#e4ce93 rgb(228,206,147)
```
#e8d5a2
```
#e8d5a2 rgb(232,213,162)
```
#ecdcb2
```
#ecdcb2 rgb(236,220,178)
```
#f0e3c2
```
#f0e3c2 rgb(240,227,194)
```
#f4ead2
```
#f4ead2 rgb(244,234,210)
```
#f8f2e1
```
#f8f2e1 rgb(248,242,225)
```
#fcf9f1
```
#fcf9f1 rgb(252,249,241)
```

Tint Color Variation

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

#747066
```
#747066 rgb(116,112,102)
```
#7d745d
```
#7d745d rgb(125,116,93)
```
#857855
```
#857855 rgb(133,120,85)
```
#8d7c4d
```
#8d7c4d rgb(141,124,77)
```
#968044
```
#968044 rgb(150,128,68)
```
#9e833c
```
#9e833c rgb(158,131,60)
```
#a78733
```
#a78733 rgb(167,135,51)
```
#af8b2b
```
#af8b2b rgb(175,139,43)
```
#b78f23
```
#b78f23 rgb(183,143,35)
```
#c0931a
```
#c0931a rgb(192,147,26)
```
#c89612
```
#c89612 rgb(200,150,18)
```
#d19a09
```
#d19a09 rgb(209,154,9)
```
#d99e01
```
#d99e01 rgb(217,158,1)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#928b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69537 Protanopia 1% of men
#b98e37 Deuteranopia 1% of men
#ba8891 Tritanopia 0.001% of the population

Trichromacy

#a99132 Protanomaly 1% of men, 0.01% of women
#b58d32 Deuteranomaly 6% of men, 0.4% of women
#b6896c Tritanomaly 0.01% of the population

#af8b2b hex color

#af8b2b Color Information

#af8b2b Color Conversion

Color Schemes with #af8b2b

Alternatives to #af8b2b

#af8b2b Preview

Shades and Tints of #af8b2b

Tones of #af8b2b

Color Blindness Simulator