#af5d1b hex color

In a RGB color space, hex #af5d1b is composed of 68.6% red, 36.5% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 84.6% yellow and 31.4% black. It has a hue angle of 26.8 degrees, a saturation of 73.3% and a lightness of 39.6%. #af5d1b color hex could be obtained by blending #ffba36 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 36
- B 11
RGB color chart
- C 0
- M 47
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af5d1b has RGB values of R:175, G:93, B:27 and CMYK values of C:0, M:0.47, Y:0.85, K:0.31. Its decimal value is 11492635.

Hex triplet	af5d1b	`#af5d1b`
RGB Decimal	175, 93, 27	`rgb(175,93,27)`
RGB Percent	68.6, 36.5, 10.6	`rgb(68.6%,36.5%,10.6%)`
CMYK	0, 47, 85, 31
HSL	26.8°, 73.3, 39.6	`hsl(26.8,73.3%,39.6%)`
HSV (or HSB)	26.8°, 84.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.29, 28.913, 49.285
XYZ	21.792, 17.024, 3.175
xyY	0.519, 0.405, 17.024
CIE-LCH	48.29, 57.14, 59.601
CIE-LUV	48.29, 66.687, 41.506
Hunter-Lab	41.26, 22.073, 24.319
Binary	10101111, 01011101, 00011011

#af5d1b
```
#af5d1b rgb(175,93,27)
```
#1b6daf
```
#1b6daf rgb(27,109,175)
```

Complementary Color

#af1b23
```
#af1b23 rgb(175,27,35)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#afa71b
```
#afa71b rgb(175,167,27)
```

Analogous Color

#1b23af
```
#1b23af rgb(27,35,175)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#1bafa7
```
#1bafa7 rgb(27,175,167)
```

Split Complementary Color

#5d1baf
```
#5d1baf rgb(93,27,175)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#1baf5d
```
#1baf5d rgb(27,175,93)
```

Triadic Color

#af1b6d
```
#af1b6d rgb(175,27,109)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#1baf5d
```
#1baf5d rgb(27,175,93)
```
#1b6daf
```
#1b6daf rgb(27,109,175)
```

Tetradic Color

#6d3a11
```
#6d3a11 rgb(109,58,17)
```
#834614
```
#834614 rgb(131,70,20)
```
#995118
```
#995118 rgb(153,81,24)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#c5691e
```
#c5691e rgb(197,105,30)
```
#db7422
```
#db7422 rgb(219,116,34)
```
#e08236
```
#e08236 rgb(224,130,54)
```

Monochromatic Color

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

#af381b
```
#af381b rgb(175,56,27)
```
#af441b
```
#af441b rgb(175,68,27)
```
#af511b
```
#af511b rgb(175,81,27)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#af691b
```
#af691b rgb(175,105,27)
```
#af761b
```
#af761b rgb(175,118,27)
```
#af821b
```
#af821b rgb(175,130,27)
```

Similar Colors

Text with hexadecimal color #af5d1b

This text has a font color of #af5d1b.

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

#af5d1b background color

This paragraph has a background color of #af5d1b.

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

#af5d1b border color

This element has a border color of #af5d1b.

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

CSS codes

.text {color:#af5d1b;}

.background {background-color:#af5d1b;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160c03
```
#160c03 rgb(22,12,3)
```
#271506
```
#271506 rgb(39,21,6)
```
#381e09
```
#381e09 rgb(56,30,9)
```
#49270b
```
#49270b rgb(73,39,11)
```
#5a300e
```
#5a300e rgb(90,48,14)
```
#6b3911
```
#6b3911 rgb(107,57,17)
```
#7c4213
```
#7c4213 rgb(124,66,19)
```
#8d4b16
```
#8d4b16 rgb(141,75,22)
```
#9e5418
```
#9e5418 rgb(158,84,24)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#c0661e
```
#c0661e rgb(192,102,30)
```
#d16f20
```
#d16f20 rgb(209,111,32)
```

Shade Color Variation

#de7927
```
#de7927 rgb(222,121,39)
```
#e08338
```
#e08338 rgb(224,131,56)
```
#e38e49
```
#e38e49 rgb(227,142,73)
```
#e6985a
```
#e6985a rgb(230,152,90)
```
#e8a36b
```
#e8a36b rgb(232,163,107)
```
#ebad7c
```
#ebad7c rgb(235,173,124)
```
#edb88d
```
#edb88d rgb(237,184,141)
```
#f0c39e
```
#f0c39e rgb(240,195,158)
```
#f3cdaf
```
#f3cdaf rgb(243,205,175)
```
#f5d8c0
```
#f5d8c0 rgb(245,216,192)
```
#f8e2d1
```
#f8e2d1 rgb(248,226,209)
```
#fbede2
```
#fbede2 rgb(251,237,226)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#696561
```
#696561 rgb(105,101,97)
```
#716459
```
#716459 rgb(113,100,89)
```
#796351
```
#796351 rgb(121,99,81)
```
#80624a
```
#80624a rgb(128,98,74)
```
#886142
```
#886142 rgb(136,97,66)
```
#90603a
```
#90603a rgb(144,96,58)
```
#986032
```
#986032 rgb(152,96,50)
```
#9f5f2b
```
#9f5f2b rgb(159,95,43)
```
#a75e23
```
#a75e23 rgb(167,94,35)
```
#af5d1b
```
#af5d1b rgb(175,93,27)
```
#b75c13
```
#b75c13 rgb(183,92,19)
```
#bf5b0b
```
#bf5b0b rgb(191,91,11)
```
#c65a04
```
#c65a04 rgb(198,90,4)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a2c Protanopia 1% of men
#97741f Deuteranopia 1% of men
#b65f65 Tritanopia 0.001% of the population

Trichromacy

#966f25 Protanomaly 1% of men, 0.01% of women
#a06b1e Deuteranomaly 6% of men, 0.4% of women
#b35e4a Tritanomaly 0.01% of the population

#af5d1b hex color

#af5d1b Color Information

#af5d1b Color Conversion

Color Schemes with #af5d1b

Alternatives to #af5d1b

#af5d1b Preview

Shades and Tints of #af5d1b

Tones of #af5d1b

Color Blindness Simulator