#af450d hex color

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

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

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

The hexadecimal color #af450d has RGB values of R:175, G:69, B:13 and CMYK values of C:0, M:0.61, Y:0.93, K:0.31. Its decimal value is 11486477.

Hex triplet	af450d	`#af450d`
RGB Decimal	175, 69, 13	`rgb(175,69,13)`
RGB Percent	68.6, 27.1, 5.1	`rgb(68.6%,27.1%,5.1%)`
CMYK	0, 61, 93, 31
HSL	20.7°, 86.2, 36.9	`hsl(20.7,86.2%,36.9%)`
HSV (or HSB)	20.7°, 92.6, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.362, 40.933, 50.286
XYZ	19.881, 13.401, 1.921
xyY	0.565, 0.381, 13.401
CIE-LCH	43.362, 64.84, 50.854
CIE-LUV	43.362, 86.249, 35.956
Hunter-Lab	36.608, 32.875, 22.515
Binary	10101111, 01000101, 00001101

#af450d
```
#af450d rgb(175,69,13)
```
#0d77af
```
#0d77af rgb(13,119,175)
```

Complementary Color

#af0d26
```
#af0d26 rgb(175,13,38)
```
#af450d
```
#af450d rgb(175,69,13)
```
#af960d
```
#af960d rgb(175,150,13)
```

Analogous Color

#0d26af
```
#0d26af rgb(13,38,175)
```
#af450d
```
#af450d rgb(175,69,13)
```
#0daf96
```
#0daf96 rgb(13,175,150)
```

Split Complementary Color

#450daf
```
#450daf rgb(69,13,175)
```
#af450d
```
#af450d rgb(175,69,13)
```
#0daf45
```
#0daf45 rgb(13,175,69)
```

Triadic Color

#af0d77
```
#af0d77 rgb(175,13,119)
```
#af450d
```
#af450d rgb(175,69,13)
```
#0daf45
```
#0daf45 rgb(13,175,69)
```
#0d77af
```
#0d77af rgb(13,119,175)
```

Tetradic Color

#682908
```
#682908 rgb(104,41,8)
```
#803209
```
#803209 rgb(128,50,9)
```
#973c0b
```
#973c0b rgb(151,60,11)
```
#af450d
```
#af450d rgb(175,69,13)
```
#c74e0f
```
#c74e0f rgb(199,78,15)
```
#de5811
```
#de5811 rgb(222,88,17)
```
#ee641a
```
#ee641a rgb(238,100,26)
```

Monochromatic Color

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

#af1d0d
```
#af1d0d rgb(175,29,13)
```
#af2a0d
```
#af2a0d rgb(175,42,13)
```
#af380d
```
#af380d rgb(175,56,13)
```
#af450d
```
#af450d rgb(175,69,13)
```
#af530d
```
#af530d rgb(175,83,13)
```
#af600d
```
#af600d rgb(175,96,13)
```
#af6e0d
```
#af6e0d rgb(175,110,13)
```

Similar Colors

Text with hexadecimal color #af450d

This text has a font color of #af450d.

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

#af450d background color

This paragraph has a background color of #af450d.

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

#af450d border color

This element has a border color of #af450d.

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

CSS codes

.text {color:#af450d;}

.background {background-color:#af450d;}

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

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)
```
#2f1304
```
#2f1304 rgb(47,19,4)
```
#411a05
```
#411a05 rgb(65,26,5)
```
#542106
```
#542106 rgb(84,33,6)
```
#662808
```
#662808 rgb(102,40,8)
```
#782f09
```
#782f09 rgb(120,47,9)
```
#8a370a
```
#8a370a rgb(138,55,10)
```
#9d3e0c
```
#9d3e0c rgb(157,62,12)
```
#af450d
```
#af450d rgb(175,69,13)
```
#c14c0e
```
#c14c0e rgb(193,76,14)
```
#d45310
```
#d45310 rgb(212,83,16)
```
#e65b11
```
#e65b11 rgb(230,91,17)
```

Shade Color Variation

#ee651c
```
#ee651c rgb(238,101,28)
```
#f0712f
```
#f0712f rgb(240,113,47)
```
#f17e41
```
#f17e41 rgb(241,126,65)
```
#f28a53
```
#f28a53 rgb(242,138,83)
```
#f49765
```
#f49765 rgb(244,151,101)
```
#f5a378
```
#f5a378 rgb(245,163,120)
```
#f6af8a
```
#f6af8a rgb(246,175,138)
```
#f8bc9c
```
#f8bc9c rgb(248,188,156)
```
#f9c8ae
```
#f9c8ae rgb(249,200,174)
```
#fad5c1
```
#fad5c1 rgb(250,213,193)
```
#fce1d3
```
#fce1d3 rgb(252,225,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, #5f5e5d is the less saturated color, while #b64306 is the most saturated one.

#5f5e5d
```
#5f5e5d rgb(95,94,93)
```
#675b55
```
#675b55 rgb(103,91,85)
```
#6e594e
```
#6e594e rgb(110,89,78)
```
#755747
```
#755747 rgb(117,87,71)
```
#7c5540
```
#7c5540 rgb(124,85,64)
```
#845238
```
#845238 rgb(132,82,56)
```
#8b5031
```
#8b5031 rgb(139,80,49)
```
#924e2a
```
#924e2a rgb(146,78,42)
```
#994c23
```
#994c23 rgb(153,76,35)
```
#a1491b
```
#a1491b rgb(161,73,27)
```
#a84714
```
#a84714 rgb(168,71,20)
```
#af450d
```
#af450d rgb(175,69,13)
```
#b64306
```
#b64306 rgb(182,67,6)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e594e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e21 Protanopia 1% of men
#8a6900 Deuteranopia 1% of men
#b4494e Tritanopia 0.001% of the population

Trichromacy

#8e5f1a Protanomaly 1% of men, 0.01% of women
#975b04 Deuteranomaly 6% of men, 0.4% of women
#b24836 Tritanomaly 0.01% of the population

#af450d hex color

#af450d Color Information

#af450d Color Conversion

Color Schemes with #af450d

Alternatives to #af450d

#af450d Preview

Shades and Tints of #af450d

Tones of #af450d

Color Blindness Simulator