#af5024 hex color

In a RGB color space, hex #af5024 is composed of 68.6% red, 31.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 79.4% yellow and 31.4% black. It has a hue angle of 19 degrees, a saturation of 65.9% and a lightness of 41.4%. #af5024 color hex could be obtained by blending #ffa048 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 31
- B 14
RGB color chart
- C 0
- M 54
- Y 79
- K 31
CMYK color chart

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

The hexadecimal color #af5024 has RGB values of R:175, G:80, B:36 and CMYK values of C:0, M:0.54, Y:0.79, K:0.31. Its decimal value is 11489316.

Hex triplet	af5024	`#af5024`
RGB Decimal	175, 80, 36	`rgb(175,80,36)`
RGB Percent	68.6, 31.4, 14.1	`rgb(68.6%,31.4%,14.1%)`
CMYK	0, 54, 79, 31
HSL	19°, 65.9, 41.4	`hsl(19,65.9%,41.4%)`
HSV (or HSB)	19°, 79.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.608, 36.082, 42.862
XYZ	20.867, 14.981, 3.462
xyY	0.531, 0.381, 14.981
CIE-LCH	45.608, 56.027, 49.909
CIE-LUV	45.608, 76.043, 34.629
Hunter-Lab	38.705, 28.502, 21.791
Binary	10101111, 01010000, 00100100

#af5024
```
#af5024 rgb(175,80,36)
```
#2483af
```
#2483af rgb(36,131,175)
```

Complementary Color

#af243d
```
#af243d rgb(175,36,61)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#af9624
```
#af9624 rgb(175,150,36)
```

Analogous Color

#243eaf
```
#243eaf rgb(36,62,175)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#24af96
```
#24af96 rgb(36,175,150)
```

Split Complementary Color

#5024af
```
#5024af rgb(80,36,175)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#24af50
```
#24af50 rgb(36,175,80)
```

Triadic Color

#af2483
```
#af2483 rgb(175,36,131)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#24af50
```
#24af50 rgb(36,175,80)
```
#2483af
```
#2483af rgb(36,131,175)
```

Tetradic Color

#703317
```
#703317 rgb(112,51,23)
```
#853d1b
```
#853d1b rgb(133,61,27)
```
#9a4620
```
#9a4620 rgb(154,70,32)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#c45a28
```
#c45a28 rgb(196,90,40)
```
#d56531
```
#d56531 rgb(213,101,49)
```
#d97546
```
#d97546 rgb(217,117,70)
```

Monochromatic Color

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

#af2d24
```
#af2d24 rgb(175,45,36)
```
#af3924
```
#af3924 rgb(175,57,36)
```
#af4424
```
#af4424 rgb(175,68,36)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#af5c24
```
#af5c24 rgb(175,92,36)
```
#af6724
```
#af6724 rgb(175,103,36)
```
#af7324
```
#af7324 rgb(175,115,36)
```

Similar Colors

Text with hexadecimal color #af5024

This text has a font color of #af5024.

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

#af5024 background color

This paragraph has a background color of #af5024.

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

#af5024 border color

This element has a border color of #af5024.

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

CSS codes

.text {color:#af5024;}

.background {background-color:#af5024;}

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

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

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1d0d06
```
#1d0d06 rgb(29,13,6)
```
#2d1509
```
#2d1509 rgb(45,21,9)
```
#3d1c0d
```
#3d1c0d rgb(61,28,13)
```
#4d2310
```
#4d2310 rgb(77,35,16)
```
#5e2b13
```
#5e2b13 rgb(94,43,19)
```
#6e3217
```
#6e3217 rgb(110,50,23)
```
#7e3a1a
```
#7e3a1a rgb(126,58,26)
```
#8e411d
```
#8e411d rgb(142,65,29)
```
#9f4921
```
#9f4921 rgb(159,73,33)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#bf5727
```
#bf5727 rgb(191,87,39)
```
#d05f2b
```
#d05f2b rgb(208,95,43)
```

Shade Color Variation

#d66a38
```
#d66a38 rgb(214,106,56)
```
#d97648
```
#d97648 rgb(217,118,72)
```
#dd8258
```
#dd8258 rgb(221,130,88)
```
#e08e69
```
#e08e69 rgb(224,142,105)
```
#e39b79
```
#e39b79 rgb(227,155,121)
```
#e7a789
```
#e7a789 rgb(231,167,137)
```
#eab399
```
#eab399 rgb(234,179,153)
```
#edbfaa
```
#edbfaa rgb(237,191,170)
```
#f1cbba
```
#f1cbba rgb(241,203,186)
```
#f4d8ca
```
#f4d8ca rgb(244,216,202)
```
#f7e4db
```
#f7e4db rgb(247,228,219)
```
#fbf0eb
```
#fbf0eb rgb(251,240,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#6e6865
```
#6e6865 rgb(110,104,101)
```
#76655d
```
#76655d rgb(118,101,93)
```
#7e6255
```
#7e6255 rgb(126,98,85)
```
#865f4d
```
#865f4d rgb(134,95,77)
```
#8f5c44
```
#8f5c44 rgb(143,92,68)
```
#97593c
```
#97593c rgb(151,89,60)
```
#9f5634
```
#9f5634 rgb(159,86,52)
```
#a7532c
```
#a7532c rgb(167,83,44)
```
#af5024
```
#af5024 rgb(175,80,36)
```
#b74d1c
```
#b74d1c rgb(183,77,28)
```
#bf4a14
```
#bf4a14 rgb(191,74,20)
```
#c7470c
```
#c7470c rgb(199,71,12)
```
#cf4404
```
#cf4404 rgb(207,68,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#75625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7336 Protanopia 1% of men
#8f6e28 Deuteranopia 1% of men
#b55459 Tritanopia 0.001% of the population

Trichromacy

#91662f Protanomaly 1% of men, 0.01% of women
#9a6326 Deuteranomaly 6% of men, 0.4% of women
#b25246 Tritanomaly 0.01% of the population

#af5024 hex color

#af5024 Color Information

#af5024 Color Conversion

Color Schemes with #af5024

Alternatives to #af5024

#af5024 Preview

Shades and Tints of #af5024

Tones of #af5024

Color Blindness Simulator