#af4d1a hex color

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

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

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

The hexadecimal color #af4d1a has RGB values of R:175, G:77, B:26 and CMYK values of C:0, M:0.56, Y:0.85, K:0.31. Its decimal value is 11488538.

Hex triplet	af4d1a	`#af4d1a`
RGB Decimal	175, 77, 26	`rgb(175,77,26)`
RGB Percent	68.6, 30.2, 10.2	`rgb(68.6%,30.2%,10.2%)`
CMYK	0, 56, 85, 31
HSL	20.5°, 74.1, 39.4	`hsl(20.5,74.1%,39.4%)`
HSV (or HSB)	20.5°, 85.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	44.939, 37.283, 46.781
XYZ	20.52, 14.498, 2.695
xyY	0.544, 0.384, 14.498
CIE-LCH	44.939, 59.82, 51.446
CIE-LUV	44.939, 79.286, 36.172
Hunter-Lab	38.077, 29.563, 22.457
Binary	10101111, 01001101, 00011010

#af4d1a
```
#af4d1a rgb(175,77,26)
```
#1a7caf
```
#1a7caf rgb(26,124,175)
```

Complementary Color

#af1a32
```
#af1a32 rgb(175,26,50)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#af981a
```
#af981a rgb(175,152,26)
```

Analogous Color

#1a32af
```
#1a32af rgb(26,50,175)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#1aaf98
```
#1aaf98 rgb(26,175,152)
```

Split Complementary Color

#4d1aaf
```
#4d1aaf rgb(77,26,175)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#1aaf4d
```
#1aaf4d rgb(26,175,77)
```

Triadic Color

#af1a7c
```
#af1a7c rgb(175,26,124)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#1aaf4d
```
#1aaf4d rgb(26,175,77)
```
#1a7caf
```
#1a7caf rgb(26,124,175)
```

Tetradic Color

#6c3010
```
#6c3010 rgb(108,48,16)
```
#833913
```
#833913 rgb(131,57,19)
```
#994317
```
#994317 rgb(153,67,23)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#c5571d
```
#c5571d rgb(197,87,29)
```
#db6121
```
#db6121 rgb(219,97,33)
```
#e17035
```
#e17035 rgb(225,112,53)
```

Monochromatic Color

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

#af281a
```
#af281a rgb(175,40,26)
```
#af341a
```
#af341a rgb(175,52,26)
```
#af411a
```
#af411a rgb(175,65,26)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#af591a
```
#af591a rgb(175,89,26)
```
#af661a
```
#af661a rgb(175,102,26)
```
#af721a
```
#af721a rgb(175,114,26)
```

Similar Colors

Text with hexadecimal color #af4d1a

This text has a font color of #af4d1a.

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

#af4d1a background color

This paragraph has a background color of #af4d1a.

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

#af4d1a border color

This element has a border color of #af4d1a.

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

CSS codes

.text {color:#af4d1a;}

.background {background-color:#af4d1a;}

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

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 #fdf6f2 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#150903
```
#150903 rgb(21,9,3)
```
#261106
```
#261106 rgb(38,17,6)
```
#371808
```
#371808 rgb(55,24,8)
```
#49200b
```
#49200b rgb(73,32,11)
```
#5a270d
```
#5a270d rgb(90,39,13)
```
#6b2f10
```
#6b2f10 rgb(107,47,16)
```
#7c3612
```
#7c3612 rgb(124,54,18)
```
#8d3e15
```
#8d3e15 rgb(141,62,21)
```
#9e4517
```
#9e4517 rgb(158,69,23)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#c0551d
```
#c0551d rgb(192,85,29)
```
#d15c1f
```
#d15c1f rgb(209,92,31)
```

Shade Color Variation

#df6525
```
#df6525 rgb(223,101,37)
```
#e17136
```
#e17136 rgb(225,113,54)
```
#e47d47
```
#e47d47 rgb(228,125,71)
```
#e68958
```
#e68958 rgb(230,137,88)
```
#e9956a
```
#e9956a rgb(233,149,106)
```
#eba17b
```
#eba17b rgb(235,161,123)
```
#eead8c
```
#eead8c rgb(238,173,140)
```
#f0b99d
```
#f0b99d rgb(240,185,157)
```
#f3c5ae
```
#f3c5ae rgb(243,197,174)
```
#f5d2bf
```
#f5d2bf rgb(245,210,191)
```
#f8ded0
```
#f8ded0 rgb(248,222,208)
```
#fbeae1
```
#fbeae1 rgb(251,234,225)
```
#fdf6f2
```
#fdf6f2 rgb(253,246,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 #c64603 is the most saturated one.

#696360
```
#696360 rgb(105,99,96)
```
#716158
```
#716158 rgb(113,97,88)
```
#795e50
```
#795e50 rgb(121,94,80)
```
#815c48
```
#815c48 rgb(129,92,72)
```
#885941
```
#885941 rgb(136,89,65)
```
#905739
```
#905739 rgb(144,87,57)
```
#985431
```
#985431 rgb(152,84,49)
```
#a05229
```
#a05229 rgb(160,82,41)
```
#a74f22
```
#a74f22 rgb(167,79,34)
```
#af4d1a
```
#af4d1a rgb(175,77,26)
```
#b74b12
```
#b74b12 rgb(183,75,18)
```
#be480b
```
#be480b rgb(190,72,11)
```
#c64603
```
#c64603 rgb(198,70,3)
```

Tone Color Variation

Below, you can see how #af4d1a 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
#735f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e722d Protanopia 1% of men
#8e6c1b Deuteranopia 1% of men
#b55156 Tritanopia 0.001% of the population

Trichromacy

#906426 Protanomaly 1% of men, 0.01% of women
#9a611b Deuteranomaly 6% of men, 0.4% of women
#b24f40 Tritanomaly 0.01% of the population

#af4d1a hex color

#af4d1a Color Information

#af4d1a Color Conversion

Color Schemes with #af4d1a

Alternatives to #af4d1a

#af4d1a Preview

Shades and Tints of #af4d1a

Tones of #af4d1a

Color Blindness Simulator