#af5224 hex color

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

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

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

The hexadecimal color #af5224 has RGB values of R:175, G:82, B:36 and CMYK values of C:0, M:0.53, Y:0.79, K:0.31. Its decimal value is 11489828.

Hex triplet	af5224	`#af5224`
RGB Decimal	175, 82, 36	`rgb(175,82,36)`
RGB Percent	68.6, 32.2, 14.1	`rgb(68.6%,32.2%,14.1%)`
CMYK	0, 53, 79, 31
HSL	19.9°, 65.9, 41.4	`hsl(19.9,65.9%,41.4%)`
HSV (or HSB)	19.9°, 79.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.013, 35.051, 43.259
XYZ	21.016, 15.278, 3.511
xyY	0.528, 0.384, 15.278
CIE-LCH	46.013, 55.677, 50.983
CIE-LUV	46.013, 74.524, 35.326
Hunter-Lab	39.087, 27.571, 22.035
Binary	10101111, 01010010, 00100100

#af5224
```
#af5224 rgb(175,82,36)
```
#2481af
```
#2481af rgb(36,129,175)
```

Complementary Color

#af243c
```
#af243c rgb(175,36,60)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#af9824
```
#af9824 rgb(175,152,36)
```

Analogous Color

#243caf
```
#243caf rgb(36,60,175)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#24af98
```
#24af98 rgb(36,175,152)
```

Split Complementary Color

#5224af
```
#5224af rgb(82,36,175)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#24af52
```
#24af52 rgb(36,175,82)
```

Triadic Color

#af2481
```
#af2481 rgb(175,36,129)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#24af52
```
#24af52 rgb(36,175,82)
```
#2481af
```
#2481af rgb(36,129,175)
```

Tetradic Color

#703417
```
#703417 rgb(112,52,23)
```
#853e1b
```
#853e1b rgb(133,62,27)
```
#9a4820
```
#9a4820 rgb(154,72,32)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#c45c28
```
#c45c28 rgb(196,92,40)
```
#d56731
```
#d56731 rgb(213,103,49)
```
#d97746
```
#d97746 rgb(217,119,70)
```

Monochromatic Color

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

#af2f24
```
#af2f24 rgb(175,47,36)
```
#af3b24
```
#af3b24 rgb(175,59,36)
```
#af4624
```
#af4624 rgb(175,70,36)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#af5e24
```
#af5e24 rgb(175,94,36)
```
#af6924
```
#af6924 rgb(175,105,36)
```
#af7524
```
#af7524 rgb(175,117,36)
```

Similar Colors

Text with hexadecimal color #af5224

This text has a font color of #af5224.

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

#af5224 background color

This paragraph has a background color of #af5224.

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

#af5224 border color

This element has a border color of #af5224.

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

CSS codes

.text {color:#af5224;}

.background {background-color:#af5224;}

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

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)
```
#3d1d0d
```
#3d1d0d rgb(61,29,13)
```
#4d2410
```
#4d2410 rgb(77,36,16)
```
#5e2c13
```
#5e2c13 rgb(94,44,19)
```
#6e3417
```
#6e3417 rgb(110,52,23)
```
#7e3b1a
```
#7e3b1a rgb(126,59,26)
```
#8e431d
```
#8e431d rgb(142,67,29)
```
#9f4a21
```
#9f4a21 rgb(159,74,33)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#bf5a27
```
#bf5a27 rgb(191,90,39)
```
#d0612b
```
#d0612b rgb(208,97,43)
```

Shade Color Variation

#d66c38
```
#d66c38 rgb(214,108,56)
```
#d97848
```
#d97848 rgb(217,120,72)
```
#dd8458
```
#dd8458 rgb(221,132,88)
```
#e09069
```
#e09069 rgb(224,144,105)
```
#e39c79
```
#e39c79 rgb(227,156,121)
```
#e7a889
```
#e7a889 rgb(231,168,137)
```
#eab499
```
#eab499 rgb(234,180,153)
```
#edc0aa
```
#edc0aa rgb(237,192,170)
```
#f1ccba
```
#f1ccba rgb(241,204,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 #cf4704 is the most saturated one.

#6e6865
```
#6e6865 rgb(110,104,101)
```
#76655d
```
#76655d rgb(118,101,93)
```
#7e6255
```
#7e6255 rgb(126,98,85)
```
#86604d
```
#86604d rgb(134,96,77)
```
#8f5d44
```
#8f5d44 rgb(143,93,68)
```
#975a3c
```
#975a3c rgb(151,90,60)
```
#9f5734
```
#9f5734 rgb(159,87,52)
```
#a7552c
```
#a7552c rgb(167,85,44)
```
#af5224
```
#af5224 rgb(175,82,36)
```
#b74f1c
```
#b74f1c rgb(183,79,28)
```
#bf4d14
```
#bf4d14 rgb(191,77,20)
```
#c74a0c
```
#c74a0c rgb(199,74,12)
```
#cf4704
```
#cf4704 rgb(207,71,4)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77645b Atypical Achromatopsia 0.001% of the population

Dichromacy

#807436 Protanopia 1% of men
#906f28 Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#91682f Protanomaly 1% of men, 0.01% of women
#9b6426 Deuteranomaly 6% of men, 0.4% of women
#b25447 Tritanomaly 0.01% of the population

#af5224 hex color

#af5224 Color Information

#af5224 Color Conversion

Color Schemes with #af5224

Alternatives to #af5224

#af5224 Preview

Shades and Tints of #af5224

Tones of #af5224

Color Blindness Simulator