#af6b2b hex color

In a RGB color space, hex #af6b2b is composed of 68.6% red, 42% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.9% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 29.1 degrees, a saturation of 60.6% and a lightness of 42.7%. #af6b2b color hex could be obtained by blending #ffd656 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af6b2b has RGB values of R:175, G:107, B:43 and CMYK values of C:0, M:0.39, Y:0.75, K:0.31. Its decimal value is 11496235.

Hex triplet	af6b2b	`#af6b2b`
RGB Decimal	175, 107, 43	`rgb(175,107,43)`
RGB Percent	68.6, 42, 16.9	`rgb(68.6%,42%,16.9%)`
CMYK	0, 39, 75, 31
HSL	29.1°, 60.6, 42.7	`hsl(29.1,60.6%,42.7%)`
HSV (or HSB)	29.1°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	51.617, 21.805, 45.551
XYZ	23.374, 19.806, 4.877
xyY	0.486, 0.412, 19.806
CIE-LCH	51.617, 50.501, 64.42
CIE-LUV	51.617, 54.469, 42.685
Hunter-Lab	44.503, 15.869, 24.655
Binary	10101111, 01101011, 00101011

#af6b2b
```
#af6b2b rgb(175,107,43)
```
#2b6faf
```
#2b6faf rgb(43,111,175)
```

Complementary Color

#af2b2d
```
#af2b2d rgb(175,43,45)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#afad2b
```
#afad2b rgb(175,173,43)
```

Analogous Color

#2b2daf
```
#2b2daf rgb(43,45,175)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#2bafad
```
#2bafad rgb(43,175,173)
```

Split Complementary Color

#6b2baf
```
#6b2baf rgb(107,43,175)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#2baf6b
```
#2baf6b rgb(43,175,107)
```

Triadic Color

#af2b6f
```
#af2b6f rgb(175,43,111)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#2baf6b
```
#2baf6b rgb(43,175,107)
```
#2b6faf
```
#2b6faf rgb(43,111,175)
```

Tetradic Color

#72451c
```
#72451c rgb(114,69,28)
```
#865221
```
#865221 rgb(134,82,33)
```
#9b5e26
```
#9b5e26 rgb(155,94,38)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#c37830
```
#c37830 rgb(195,120,48)
```
#cf843e
```
#cf843e rgb(207,132,62)
```
#d49152
```
#d49152 rgb(212,145,82)
```

Monochromatic Color

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

#af4a2b
```
#af4a2b rgb(175,74,43)
```
#af552b
```
#af552b rgb(175,85,43)
```
#af602b
```
#af602b rgb(175,96,43)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#af762b
```
#af762b rgb(175,118,43)
```
#af812b
```
#af812b rgb(175,129,43)
```
#af8c2b
```
#af8c2b rgb(175,140,43)
```

Similar Colors

Text with hexadecimal color #af6b2b

This text has a font color of #af6b2b.

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

#af6b2b background color

This paragraph has a background color of #af6b2b.

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

#af6b2b border color

This element has a border color of #af6b2b.

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

CSS codes

.text {color:#af6b2b;}

.background {background-color:#af6b2b;}

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

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 #fcf6f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120b04
```
#120b04 rgb(18,11,4)
```
#211408
```
#211408 rgb(33,20,8)
```
#311e0c
```
#311e0c rgb(49,30,12)
```
#412810
```
#412810 rgb(65,40,16)
```
#513114
```
#513114 rgb(81,49,20)
```
#603b18
```
#603b18 rgb(96,59,24)
```
#70441c
```
#70441c rgb(112,68,28)
```
#804e1f
```
#804e1f rgb(128,78,31)
```
#905823
```
#905823 rgb(144,88,35)
```
#9f6127
```
#9f6127 rgb(159,97,39)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#bf752f
```
#bf752f rgb(191,117,47)
```

Shade Color Variation

#cd7e34
```
#cd7e34 rgb(205,126,52)
```
#d18844
```
#d18844 rgb(209,136,68)
```
#d59254
```
#d59254 rgb(213,146,84)
```
#d99c63
```
#d99c63 rgb(217,156,99)
```
#dda673
```
#dda673 rgb(221,166,115)
```
#e0b083
```
#e0b083 rgb(224,176,131)
```
#e4ba93
```
#e4ba93 rgb(228,186,147)
```
#e8c4a2
```
#e8c4a2 rgb(232,196,162)
```
#ecceb2
```
#ecceb2 rgb(236,206,178)
```
#f0d8c2
```
#f0d8c2 rgb(240,216,194)
```
#f4e2d2
```
#f4e2d2 rgb(244,226,210)
```
#f8ece1
```
#f8ece1 rgb(248,236,225)
```
#fcf6f1
```
#fcf6f1 rgb(252,246,241)
```

Tint Color Variation

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

#746d66
```
#746d66 rgb(116,109,102)
```
#7d6d5d
```
#7d6d5d rgb(125,109,93)
```
#856c55
```
#856c55 rgb(133,108,85)
```
#8d6c4d
```
#8d6c4d rgb(141,108,77)
```
#966c44
```
#966c44 rgb(150,108,68)
```
#9e6c3c
```
#9e6c3c rgb(158,108,60)
```
#a76b33
```
#a76b33 rgb(167,107,51)
```
#af6b2b
```
#af6b2b rgb(175,107,43)
```
#b76b23
```
#b76b23 rgb(183,107,35)
```
#c06a1a
```
#c06a1a rgb(192,106,26)
```
#c86a12
```
#c86a12 rgb(200,106,18)
```
#d16a09
```
#d16a09 rgb(209,106,9)
```
#d96a01
```
#d96a01 rgb(217,106,1)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#837569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f823a Protanopia 1% of men
#a07b32 Deuteranopia 1% of men
#b66c73 Tritanopia 0.001% of the population

Trichromacy

#9b7934 Protanomaly 1% of men, 0.01% of women
#a5752f Deuteranomaly 6% of men, 0.4% of women
#b46b59 Tritanomaly 0.01% of the population

#af6b2b hex color

#af6b2b Color Information

#af6b2b Color Conversion

Color Schemes with #af6b2b

Alternatives to #af6b2b

#af6b2b Preview

Shades and Tints of #af6b2b

Tones of #af6b2b

Color Blindness Simulator