#af4b21 hex color

In a RGB color space, hex #af4b21 is composed of 68.6% red, 29.4% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 81.1% yellow and 31.4% black. It has a hue angle of 17.7 degrees, a saturation of 68.3% and a lightness of 40.8%. #af4b21 color hex could be obtained by blending #ff9642 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 29
- B 13
RGB color chart
- C 0
- M 57
- Y 81
- K 31
CMYK color chart

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

The hexadecimal color #af4b21 has RGB values of R:175, G:75, B:33 and CMYK values of C:0, M:0.57, Y:0.81, K:0.31. Its decimal value is 11488033.

Hex triplet	af4b21	`#af4b21`
RGB Decimal	175, 75, 33	`rgb(175,75,33)`
RGB Percent	68.6, 29.4, 12.9	`rgb(68.6%,29.4%,12.9%)`
CMYK	0, 57, 81, 31
HSL	17.7°, 68.3, 40.8	`hsl(17.7,68.3%,40.8%)`
HSV (or HSB)	17.7°, 81.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	44.601, 38.5, 43.329
XYZ	20.471, 14.258, 3.113
xyY	0.541, 0.377, 14.258
CIE-LCH	44.601, 57.962, 48.377
CIE-LUV	44.601, 80.121, 33.783
Hunter-Lab	37.76, 30.69, 21.544
Binary	10101111, 01001011, 00100001

#af4b21
```
#af4b21 rgb(175,75,33)
```
#2185af
```
#2185af rgb(33,133,175)
```

Complementary Color

#af213e
```
#af213e rgb(175,33,62)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#af9221
```
#af9221 rgb(175,146,33)
```

Analogous Color

#213eaf
```
#213eaf rgb(33,62,175)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#21af92
```
#21af92 rgb(33,175,146)
```

Split Complementary Color

#4b21af
```
#4b21af rgb(75,33,175)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#21af4b
```
#21af4b rgb(33,175,75)
```

Triadic Color

#af2185
```
#af2185 rgb(175,33,133)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#21af4b
```
#21af4b rgb(33,175,75)
```
#2185af
```
#2185af rgb(33,133,175)
```

Tetradic Color

#6f2f15
```
#6f2f15 rgb(111,47,21)
```
#843919
```
#843919 rgb(132,57,25)
```
#9a421d
```
#9a421d rgb(154,66,29)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#c45425
```
#c45425 rgb(196,84,37)
```
#d75f2c
```
#d75f2c rgb(215,95,44)
```
#db6f41
```
#db6f41 rgb(219,111,65)
```

Monochromatic Color

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

#af2721
```
#af2721 rgb(175,39,33)
```
#af3321
```
#af3321 rgb(175,51,33)
```
#af3f21
```
#af3f21 rgb(175,63,33)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#af5721
```
#af5721 rgb(175,87,33)
```
#af6321
```
#af6321 rgb(175,99,33)
```
#af6f21
```
#af6f21 rgb(175,111,33)
```

Similar Colors

Text with hexadecimal color #af4b21

This text has a font color of #af4b21.

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

#af4b21 background color

This paragraph has a background color of #af4b21.

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

#af4b21 border color

This element has a border color of #af4b21.

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

CSS codes

.text {color:#af4b21;}

.background {background-color:#af4b21;}

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

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, #0a0402 is the darkest color, while #fefaf8 is the lightest one.

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1a0b05
```
#1a0b05 rgb(26,11,5)
```
#2b1208
```
#2b1208 rgb(43,18,8)
```
#3b190b
```
#3b190b rgb(59,25,11)
```
#4c210e
```
#4c210e rgb(76,33,14)
```
#5c2811
```
#5c2811 rgb(92,40,17)
```
#6d2f15
```
#6d2f15 rgb(109,47,21)
```
#7d3618
```
#7d3618 rgb(125,54,24)
```
#8e3d1b
```
#8e3d1b rgb(142,61,27)
```
#9e441e
```
#9e441e rgb(158,68,30)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#c05224
```
#c05224 rgb(192,82,36)
```
#d05927
```
#d05927 rgb(208,89,39)
```

Shade Color Variation

#d86432
```
#d86432 rgb(216,100,50)
```
#dc7043
```
#dc7043 rgb(220,112,67)
```
#df7d53
```
#df7d53 rgb(223,125,83)
```
#e28964
```
#e28964 rgb(226,137,100)
```
#e59674
```
#e59674 rgb(229,150,116)
```
#e8a285
```
#e8a285 rgb(232,162,133)
```
#ebaf95
```
#ebaf95 rgb(235,175,149)
```
#eebba6
```
#eebba6 rgb(238,187,166)
```
#f1c8b6
```
#f1c8b6 rgb(241,200,182)
```
#f4d4c7
```
#f4d4c7 rgb(244,212,199)
```
#f8e1d7
```
#f8e1d7 rgb(248,225,215)
```
#fbede8
```
#fbede8 rgb(251,237,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#6f6561
```
#6f6561 rgb(111,101,97)
```
#776259
```
#776259 rgb(119,98,89)
```
#7f5f51
```
#7f5f51 rgb(127,95,81)
```
#875b49
```
#875b49 rgb(135,91,73)
```
#8f5841
```
#8f5841 rgb(143,88,65)
```
#975539
```
#975539 rgb(151,85,57)
```
#9f5231
```
#9f5231 rgb(159,82,49)
```
#a74e29
```
#a74e29 rgb(167,78,41)
```
#af4b21
```
#af4b21 rgb(175,75,33)
```
#b74819
```
#b74819 rgb(183,72,25)
```
#bf4411
```
#bf4411 rgb(191,68,17)
```
#c74109
```
#c74109 rgb(199,65,9)
```
#cf3e01
```
#cf3e01 rgb(207,62,1)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#735f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7134 Protanopia 1% of men
#8c6b24 Deuteranopia 1% of men
#b44f54 Tritanopia 0.001% of the population

Trichromacy

#8f632d Protanomaly 1% of men, 0.01% of women
#995f23 Deuteranomaly 6% of men, 0.4% of women
#b24e41 Tritanomaly 0.01% of the population

#af4b21 hex color

#af4b21 Color Information

#af4b21 Color Conversion

Color Schemes with #af4b21

Alternatives to #af4b21

#af4b21 Preview

Shades and Tints of #af4b21

Tones of #af4b21

Color Blindness Simulator