#af4d1b hex color

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

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

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

The hexadecimal color #af4d1b has RGB values of R:175, G:77, B:27 and CMYK values of C:0, M:0.56, Y:0.85, K:0.31. Its decimal value is 11488539.

Hex triplet	af4d1b	`#af4d1b`
RGB Decimal	175, 77, 27	`rgb(175,77,27)`
RGB Percent	68.6, 30.2, 10.6	`rgb(68.6%,30.2%,10.6%)`
CMYK	0, 56, 85, 31
HSL	20.3°, 73.3, 39.6	`hsl(20.3,73.3%,39.6%)`
HSV (or HSB)	20.3°, 84.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	44.946, 37.311, 46.363
XYZ	20.532, 14.503, 2.755
xyY	0.543, 0.384, 14.503
CIE-LCH	44.946, 59.512, 51.175
CIE-LUV	44.946, 79.2, 35.948
Hunter-Lab	38.083, 29.591, 22.369
Binary	10101111, 01001101, 00011011

#af4d1b
```
#af4d1b rgb(175,77,27)
```
#1b7daf
```
#1b7daf rgb(27,125,175)
```

Complementary Color

#af1b33
```
#af1b33 rgb(175,27,51)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#af971b
```
#af971b rgb(175,151,27)
```

Analogous Color

#1b33af
```
#1b33af rgb(27,51,175)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#1baf97
```
#1baf97 rgb(27,175,151)
```

Split Complementary Color

#4d1baf
```
#4d1baf rgb(77,27,175)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#1baf4d
```
#1baf4d rgb(27,175,77)
```

Triadic Color

#af1b7d
```
#af1b7d rgb(175,27,125)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#1baf4d
```
#1baf4d rgb(27,175,77)
```
#1b7daf
```
#1b7daf rgb(27,125,175)
```

Tetradic Color

#6d3011
```
#6d3011 rgb(109,48,17)
```
#833a14
```
#833a14 rgb(131,58,20)
```
#994318
```
#994318 rgb(153,67,24)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#c5571e
```
#c5571e rgb(197,87,30)
```
#db6022
```
#db6022 rgb(219,96,34)
```
#e07036
```
#e07036 rgb(224,112,54)
```

Monochromatic Color

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

#af281b
```
#af281b rgb(175,40,27)
```
#af341b
```
#af341b rgb(175,52,27)
```
#af411b
```
#af411b rgb(175,65,27)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#af591b
```
#af591b rgb(175,89,27)
```
#af661b
```
#af661b rgb(175,102,27)
```
#af721b
```
#af721b rgb(175,114,27)
```

Similar Colors

Text with hexadecimal color #af4d1b

This text has a font color of #af4d1b.

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

#af4d1b background color

This paragraph has a background color of #af4d1b.

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

#af4d1b border color

This element has a border color of #af4d1b.

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

CSS codes

.text {color:#af4d1b;}

.background {background-color:#af4d1b;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160a03
```
#160a03 rgb(22,10,3)
```
#271106
```
#271106 rgb(39,17,6)
```
#381909
```
#381909 rgb(56,25,9)
```
#49200b
```
#49200b rgb(73,32,11)
```
#5a280e
```
#5a280e rgb(90,40,14)
```
#6b2f11
```
#6b2f11 rgb(107,47,17)
```
#7c3713
```
#7c3713 rgb(124,55,19)
```
#8d3e16
```
#8d3e16 rgb(141,62,22)
```
#9e4618
```
#9e4618 rgb(158,70,24)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#c0541e
```
#c0541e rgb(192,84,30)
```
#d15c20
```
#d15c20 rgb(209,92,32)
```

Shade Color Variation

#de6527
```
#de6527 rgb(222,101,39)
```
#e07138
```
#e07138 rgb(224,113,56)
```
#e37d49
```
#e37d49 rgb(227,125,73)
```
#e6895a
```
#e6895a rgb(230,137,90)
```
#e8956b
```
#e8956b rgb(232,149,107)
```
#eba27c
```
#eba27c rgb(235,162,124)
```
#edae8d
```
#edae8d rgb(237,174,141)
```
#f0ba9e
```
#f0ba9e rgb(240,186,158)
```
#f3c6af
```
#f3c6af rgb(243,198,175)
```
#f5d2c0
```
#f5d2c0 rgb(245,210,192)
```
#f8ded1
```
#f8ded1 rgb(248,222,209)
```
#fbeae2
```
#fbeae2 rgb(251,234,226)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#696461
```
#696461 rgb(105,100,97)
```
#716159
```
#716159 rgb(113,97,89)
```
#795f51
```
#795f51 rgb(121,95,81)
```
#805c4a
```
#805c4a rgb(128,92,74)
```
#885a42
```
#885a42 rgb(136,90,66)
```
#90573a
```
#90573a rgb(144,87,58)
```
#985532
```
#985532 rgb(152,85,50)
```
#9f522b
```
#9f522b rgb(159,82,43)
```
#a75023
```
#a75023 rgb(167,80,35)
```
#af4d1b
```
#af4d1b rgb(175,77,27)
```
#b74a13
```
#b74a13 rgb(183,74,19)
```
#bf480b
```
#bf480b rgb(191,72,11)
```
#c64504
```
#c64504 rgb(198,69,4)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#746056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e722e Protanopia 1% of men
#8e6c1d Deuteranopia 1% of men
#b55156 Tritanopia 0.001% of the population

Trichromacy

#906427 Protanomaly 1% of men, 0.01% of women
#9a611c Deuteranomaly 6% of men, 0.4% of women
#b24f40 Tritanomaly 0.01% of the population

#af4d1b hex color

#af4d1b Color Information

#af4d1b Color Conversion

Color Schemes with #af4d1b

Alternatives to #af4d1b

#af4d1b Preview

Shades and Tints of #af4d1b

Tones of #af4d1b

Color Blindness Simulator