#af471a hex color

In a RGB color space, hex #af471a is composed of 68.6% red, 27.8% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 18.1 degrees, a saturation of 74.1% and a lightness of 39.4%. #af471a color hex could be obtained by blending #ff8e34 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 28
- B 10
RGB color chart
- C 0
- M 59
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af471a has RGB values of R:175, G:71, B:26 and CMYK values of C:0, M:0.59, Y:0.85, K:0.31. Its decimal value is 11487002.

Hex triplet	af471a	`#af471a`
RGB Decimal	175, 71, 26	`rgb(175,71,26)`
RGB Percent	68.6, 27.8, 10.2	`rgb(68.6%,27.8%,10.2%)`
CMYK	0, 59, 85, 31
HSL	18.1°, 74.1, 39.4	`hsl(18.1,74.1%,39.4%)`
HSV (or HSB)	18.1°, 85.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.795, 40.249, 45.788
XYZ	20.12, 13.697, 2.562
xyY	0.553, 0.377, 13.697
CIE-LCH	43.795, 60.963, 48.684
CIE-LUV	43.795, 83.793, 34.243
Hunter-Lab	37.01, 32.272, 21.803
Binary	10101111, 01000111, 00011010

#af471a
```
#af471a rgb(175,71,26)
```
#1a82af
```
#1a82af rgb(26,130,175)
```

Complementary Color

#af1a38
```
#af1a38 rgb(175,26,56)
```
#af471a
```
#af471a rgb(175,71,26)
```
#af921a
```
#af921a rgb(175,146,26)
```

Analogous Color

#1a38af
```
#1a38af rgb(26,56,175)
```
#af471a
```
#af471a rgb(175,71,26)
```
#1aaf92
```
#1aaf92 rgb(26,175,146)
```

Split Complementary Color

#471aaf
```
#471aaf rgb(71,26,175)
```
#af471a
```
#af471a rgb(175,71,26)
```
#1aaf47
```
#1aaf47 rgb(26,175,71)
```

Triadic Color

#af1a82
```
#af1a82 rgb(175,26,130)
```
#af471a
```
#af471a rgb(175,71,26)
```
#1aaf47
```
#1aaf47 rgb(26,175,71)
```
#1a82af
```
#1a82af rgb(26,130,175)
```

Tetradic Color

#6c2c10
```
#6c2c10 rgb(108,44,16)
```
#833513
```
#833513 rgb(131,53,19)
```
#993e17
```
#993e17 rgb(153,62,23)
```
#af471a
```
#af471a rgb(175,71,26)
```
#c5501d
```
#c5501d rgb(197,80,29)
```
#db5921
```
#db5921 rgb(219,89,33)
```
#e16935
```
#e16935 rgb(225,105,53)
```

Monochromatic Color

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

#af221a
```
#af221a rgb(175,34,26)
```
#af2e1a
```
#af2e1a rgb(175,46,26)
```
#af3b1a
```
#af3b1a rgb(175,59,26)
```
#af471a
```
#af471a rgb(175,71,26)
```
#af531a
```
#af531a rgb(175,83,26)
```
#af601a
```
#af601a rgb(175,96,26)
```
#af6c1a
```
#af6c1a rgb(175,108,26)
```

Similar Colors

Text with hexadecimal color #af471a

This text has a font color of #af471a.

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

#af471a background color

This paragraph has a background color of #af471a.

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

#af471a border color

This element has a border color of #af471a.

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

CSS codes

.text {color:#af471a;}

.background {background-color:#af471a;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150903
```
#150903 rgb(21,9,3)
```
#261006
```
#261006 rgb(38,16,6)
```
#371608
```
#371608 rgb(55,22,8)
```
#491d0b
```
#491d0b rgb(73,29,11)
```
#5a240d
```
#5a240d rgb(90,36,13)
```
#6b2b10
```
#6b2b10 rgb(107,43,16)
```
#7c3212
```
#7c3212 rgb(124,50,18)
```
#8d3915
```
#8d3915 rgb(141,57,21)
```
#9e4017
```
#9e4017 rgb(158,64,23)
```
#af471a
```
#af471a rgb(175,71,26)
```
#c04e1d
```
#c04e1d rgb(192,78,29)
```
#d1551f
```
#d1551f rgb(209,85,31)
```

Shade Color Variation

#df5d25
```
#df5d25 rgb(223,93,37)
```
#e16a36
```
#e16a36 rgb(225,106,54)
```
#e47747
```
#e47747 rgb(228,119,71)
```
#e68358
```
#e68358 rgb(230,131,88)
```
#e9906a
```
#e9906a rgb(233,144,106)
```
#eb9d7b
```
#eb9d7b rgb(235,157,123)
```
#eea98c
```
#eea98c rgb(238,169,140)
```
#f0b69d
```
#f0b69d rgb(240,182,157)
```
#f3c3ae
```
#f3c3ae rgb(243,195,174)
```
#f5cfbf
```
#f5cfbf rgb(245,207,191)
```
#f8dcd0
```
#f8dcd0 rgb(248,220,208)
```
#fbe9e1
```
#fbe9e1 rgb(251,233,225)
```
#fdf5f2
```
#fdf5f2 rgb(253,245,242)
```

Tint Color Variation

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

#696360
```
#696360 rgb(105,99,96)
```
#715f58
```
#715f58 rgb(113,95,88)
```
#795c50
```
#795c50 rgb(121,92,80)
```
#815948
```
#815948 rgb(129,89,72)
```
#885641
```
#885641 rgb(136,86,65)
```
#905339
```
#905339 rgb(144,83,57)
```
#985031
```
#985031 rgb(152,80,49)
```
#a04d29
```
#a04d29 rgb(160,77,41)
```
#a74a22
```
#a74a22 rgb(167,74,34)
```
#af471a
```
#af471a rgb(175,71,26)
```
#b74412
```
#b74412 rgb(183,68,18)
```
#be410b
```
#be410b rgb(190,65,11)
```
#c63e03
```
#c63e03 rgb(198,62,3)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#715c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f2d Protanopia 1% of men
#8a6a1a Deuteranopia 1% of men
#b44c50 Tritanopia 0.001% of the population

Trichromacy

#8e6026 Protanomaly 1% of men, 0.01% of women
#985d1a Deuteranomaly 6% of men, 0.4% of women
#b24a3c Tritanomaly 0.01% of the population

#af471a hex color

#af471a Color Information

#af471a Color Conversion

Color Schemes with #af471a

Alternatives to #af471a

#af471a Preview

Shades and Tints of #af471a

Tones of #af471a

Color Blindness Simulator