#af4d0e hex color

In a RGB color space, hex #af4d0e is composed of 68.6% red, 30.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56% magenta, 92% yellow and 31.4% black. It has a hue angle of 23.5 degrees, a saturation of 85.2% and a lightness of 37.1%. #af4d0e color hex could be obtained by blending #ff9a1c with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af4d0e has RGB values of R:175, G:77, B:14 and CMYK values of C:0, M:0.56, Y:0.92, K:0.31. Its decimal value is 11488526.

Hex triplet	af4d0e	`#af4d0e`
RGB Decimal	175, 77, 14	`rgb(175,77,14)`
RGB Percent	68.6, 30.2, 5.5	`rgb(68.6%,30.2%,5.5%)`
CMYK	0, 56, 92, 31
HSL	23.5°, 85.2, 37.1	`hsl(23.5,85.2%,37.1%)`
HSV (or HSB)	23.5°, 92, 68.6
Web Safe	996600	`#996600`

CIE-LAB	44.879, 37.019, 51.069
XYZ	20.413, 14.456, 2.131
xyY	0.552, 0.391, 14.456
CIE-LCH	44.879, 63.075, 54.062
CIE-LUV	44.879, 80.105, 38.303
Hunter-Lab	38.02, 29.301, 23.292
Binary	10101111, 01001101, 00001110

#af4d0e
```
#af4d0e rgb(175,77,14)
```
#0e70af
```
#0e70af rgb(14,112,175)
```

Complementary Color

#af0e20
```
#af0e20 rgb(175,14,32)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#af9e0e
```
#af9e0e rgb(175,158,14)
```

Analogous Color

#0e1faf
```
#0e1faf rgb(14,31,175)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#0eaf9e
```
#0eaf9e rgb(14,175,158)
```

Split Complementary Color

#4d0eaf
```
#4d0eaf rgb(77,14,175)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#0eaf4d
```
#0eaf4d rgb(14,175,77)
```

Triadic Color

#af0e70
```
#af0e70 rgb(175,14,112)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#0eaf4d
```
#0eaf4d rgb(14,175,77)
```
#0e70af
```
#0e70af rgb(14,112,175)
```

Tetradic Color

#682e08
```
#682e08 rgb(104,46,8)
```
#80380a
```
#80380a rgb(128,56,10)
```
#97430c
```
#97430c rgb(151,67,12)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#c75710
```
#c75710 rgb(199,87,16)
```
#de6212
```
#de6212 rgb(222,98,18)
```
#ed6e1d
```
#ed6e1d rgb(237,110,29)
```

Monochromatic Color

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

#af250e
```
#af250e rgb(175,37,14)
```
#af320e
```
#af320e rgb(175,50,14)
```
#af400e
```
#af400e rgb(175,64,14)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#af5a0e
```
#af5a0e rgb(175,90,14)
```
#af680e
```
#af680e rgb(175,104,14)
```
#af750e
```
#af750e rgb(175,117,14)
```

Similar Colors

Text with hexadecimal color #af4d0e

This text has a font color of #af4d0e.

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

#af4d0e background color

This paragraph has a background color of #af4d0e.

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

#af4d0e border color

This element has a border color of #af4d0e.

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

CSS codes

.text {color:#af4d0e;}

.background {background-color:#af4d0e;}

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

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

#0c0501
```
#0c0501 rgb(12,5,1)
```
#1e0d02
```
#1e0d02 rgb(30,13,2)
```
#301504
```
#301504 rgb(48,21,4)
```
#421d05
```
#421d05 rgb(66,29,5)
```
#542507
```
#542507 rgb(84,37,7)
```
#662d08
```
#662d08 rgb(102,45,8)
```
#79350a
```
#79350a rgb(121,53,10)
```
#8b3d0b
```
#8b3d0b rgb(139,61,11)
```
#9d450d
```
#9d450d rgb(157,69,13)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#c1550f
```
#c1550f rgb(193,85,15)
```
#d35d11
```
#d35d11 rgb(211,93,17)
```
#e56512
```
#e56512 rgb(229,101,18)
```

Shade Color Variation

#ed6f1e
```
#ed6f1e rgb(237,111,30)
```
#ee7b31
```
#ee7b31 rgb(238,123,49)
```
#f08743
```
#f08743 rgb(240,135,67)
```
#f19255
```
#f19255 rgb(241,146,85)
```
#f39e67
```
#f39e67 rgb(243,158,103)
```
#f4a979
```
#f4a979 rgb(244,169,121)
```
#f6b58b
```
#f6b58b rgb(246,181,139)
```
#f7c19e
```
#f7c19e rgb(247,193,158)
```
#f9ccb0
```
#f9ccb0 rgb(249,204,176)
```
#fad8c2
```
#fad8c2 rgb(250,216,194)
```
#fce4d4
```
#fce4d4 rgb(252,228,212)
```
#fdefe6
```
#fdefe6 rgb(253,239,230)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#5f5e5e
```
#5f5e5e rgb(95,94,94)
```
#665d57
```
#665d57 rgb(102,93,87)
```
#6e5b4f
```
#6e5b4f rgb(110,91,79)
```
#755a48
```
#755a48 rgb(117,90,72)
```
#7c5841
```
#7c5841 rgb(124,88,65)
```
#83563a
```
#83563a rgb(131,86,58)
```
#8b5532
```
#8b5532 rgb(139,85,50)
```
#92532b
```
#92532b rgb(146,83,43)
```
#995224
```
#995224 rgb(153,82,36)
```
#a0501d
```
#a0501d rgb(160,80,29)
```
#a84f15
```
#a84f15 rgb(168,79,21)
```
#af4d0e
```
#af4d0e rgb(175,77,14)
```
#b64b07
```
#b64b07 rgb(182,75,7)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#725f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7221 Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#b55055 Tritanopia 0.001% of the population

Trichromacy

#90641a Protanomaly 1% of men, 0.01% of women
#9a6005 Deuteranomaly 6% of men, 0.4% of women
#b24f3b Tritanomaly 0.01% of the population

#af4d0e hex color

#af4d0e Color Information

#af4d0e Color Conversion

Color Schemes with #af4d0e

Alternatives to #af4d0e

#af4d0e Preview

Shades and Tints of #af4d0e

Tones of #af4d0e

Color Blindness Simulator