#af400d hex color

In a RGB color space, hex #af400d is composed of 68.6% red, 25.1% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.4% magenta, 92.6% yellow and 31.4% black. It has a hue angle of 18.9 degrees, a saturation of 86.2% and a lightness of 36.9%. #af400d color hex could be obtained by blending #ff801a with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 25
- B 5
RGB color chart
- C 0
- M 63
- Y 93
- K 31
CMYK color chart

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

The hexadecimal color #af400d has RGB values of R:175, G:64, B:13 and CMYK values of C:0, M:0.63, Y:0.93, K:0.31. Its decimal value is 11485197.

Hex triplet	af400d	`#af400d`
RGB Decimal	175, 64, 13	`rgb(175,64,13)`
RGB Percent	68.6, 25.1, 5.1	`rgb(68.6%,25.1%,5.1%)`
CMYK	0, 63, 93, 31
HSL	18.9°, 86.2, 36.9	`hsl(18.9,86.2%,36.9%)`
HSV (or HSB)	18.9°, 92.6, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.479, 43.267, 49.666
XYZ	19.586, 12.812, 1.822
xyY	0.572, 0.374, 12.812
CIE-LCH	42.479, 65.869, 48.939
CIE-LUV	42.479, 89.906, 34.495
Hunter-Lab	35.794, 35.035, 22.037
Binary	10101111, 01000000, 00001101

#af400d
```
#af400d rgb(175,64,13)
```
#0d7caf
```
#0d7caf rgb(13,124,175)
```

Complementary Color

#af0d2b
```
#af0d2b rgb(175,13,43)
```
#af400d
```
#af400d rgb(175,64,13)
```
#af910d
```
#af910d rgb(175,145,13)
```

Analogous Color

#0d2baf
```
#0d2baf rgb(13,43,175)
```
#af400d
```
#af400d rgb(175,64,13)
```
#0daf91
```
#0daf91 rgb(13,175,145)
```

Split Complementary Color

#400daf
```
#400daf rgb(64,13,175)
```
#af400d
```
#af400d rgb(175,64,13)
```
#0daf40
```
#0daf40 rgb(13,175,64)
```

Triadic Color

#af0d7c
```
#af0d7c rgb(175,13,124)
```
#af400d
```
#af400d rgb(175,64,13)
```
#0daf40
```
#0daf40 rgb(13,175,64)
```
#0d7caf
```
#0d7caf rgb(13,124,175)
```

Tetradic Color

#682608
```
#682608 rgb(104,38,8)
```
#802f09
```
#802f09 rgb(128,47,9)
```
#97370b
```
#97370b rgb(151,55,11)
```
#af400d
```
#af400d rgb(175,64,13)
```
#c7490f
```
#c7490f rgb(199,73,15)
```
#de5111
```
#de5111 rgb(222,81,17)
```
#ee5d1a
```
#ee5d1a rgb(238,93,26)
```

Monochromatic Color

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

#af180d
```
#af180d rgb(175,24,13)
```
#af250d
```
#af250d rgb(175,37,13)
```
#af330d
```
#af330d rgb(175,51,13)
```
#af400d
```
#af400d rgb(175,64,13)
```
#af4e0d
```
#af4e0d rgb(175,78,13)
```
#af5b0d
```
#af5b0d rgb(175,91,13)
```
#af690d
```
#af690d rgb(175,105,13)
```

Similar Colors

Text with hexadecimal color #af400d

This text has a font color of #af400d.

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

#af400d background color

This paragraph has a background color of #af400d.

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

#af400d border color

This element has a border color of #af400d.

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

CSS codes

.text {color:#af400d;}

.background {background-color:#af400d;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1d0b02
```
#1d0b02 rgb(29,11,2)
```
#2f1104
```
#2f1104 rgb(47,17,4)
```
#411805
```
#411805 rgb(65,24,5)
```
#541f06
```
#541f06 rgb(84,31,6)
```
#662508
```
#662508 rgb(102,37,8)
```
#782c09
```
#782c09 rgb(120,44,9)
```
#8a330a
```
#8a330a rgb(138,51,10)
```
#9d390c
```
#9d390c rgb(157,57,12)
```
#af400d
```
#af400d rgb(175,64,13)
```
#c1470e
```
#c1470e rgb(193,71,14)
```
#d44d10
```
#d44d10 rgb(212,77,16)
```
#e65411
```
#e65411 rgb(230,84,17)
```

Shade Color Variation

#ee5e1c
```
#ee5e1c rgb(238,94,28)
```
#f06b2f
```
#f06b2f rgb(240,107,47)
```
#f17841
```
#f17841 rgb(241,120,65)
```
#f28553
```
#f28553 rgb(242,133,83)
```
#f49265
```
#f49265 rgb(244,146,101)
```
#f59f78
```
#f59f78 rgb(245,159,120)
```
#f6ac8a
```
#f6ac8a rgb(246,172,138)
```
#f8b99c
```
#f8b99c rgb(248,185,156)
```
#f9c6ae
```
#f9c6ae rgb(249,198,174)
```
#fad3c1
```
#fad3c1 rgb(250,211,193)
```
#fce0d3
```
#fce0d3 rgb(252,224,211)
```
#fdede5
```
#fdede5 rgb(253,237,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#5f5d5d
```
#5f5d5d rgb(95,93,93)
```
#675b55
```
#675b55 rgb(103,91,85)
```
#6e584e
```
#6e584e rgb(110,88,78)
```
#755547
```
#755547 rgb(117,85,71)
```
#7c5340
```
#7c5340 rgb(124,83,64)
```
#845038
```
#845038 rgb(132,80,56)
```
#8b4d31
```
#8b4d31 rgb(139,77,49)
```
#924b2a
```
#924b2a rgb(146,75,42)
```
#994823
```
#994823 rgb(153,72,35)
```
#a1451b
```
#a1451b rgb(161,69,27)
```
#a84314
```
#a84314 rgb(168,67,20)
```
#af400d
```
#af400d rgb(175,64,13)
```
#b63d06
```
#b63d06 rgb(182,61,6)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c564b Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c22 Protanopia 1% of men
#876700 Deuteranopia 1% of men
#b44549 Tritanopia 0.001% of the population

Trichromacy

#8c5c1a Protanomaly 1% of men, 0.01% of women
#955804 Deuteranomaly 6% of men, 0.4% of women
#b24333 Tritanomaly 0.01% of the population

#af400d hex color

#af400d Color Information

#af400d Color Conversion

Color Schemes with #af400d

Alternatives to #af400d

#af400d Preview

Shades and Tints of #af400d

Tones of #af400d

Color Blindness Simulator