#af4420 hex color

In a RGB color space, hex #af4420 is composed of 68.6% red, 26.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.1% magenta, 81.7% yellow and 31.4% black. It has a hue angle of 15.1 degrees, a saturation of 69.1% and a lightness of 40.6%. #af4420 color hex could be obtained by blending #ff8840 with #5f0000. Closest websafe color is: #993333.

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

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

The hexadecimal color #af4420 has RGB values of R:175, G:68, B:32 and CMYK values of C:0, M:0.61, Y:0.82, K:0.31. Its decimal value is 11486240.

Hex triplet	af4420	`#af4420`
RGB Decimal	175, 68, 32	`rgb(175,68,32)`
RGB Percent	68.6, 26.7, 12.5	`rgb(68.6%,26.7%,12.5%)`
CMYK	0, 61, 82, 31
HSL	15.1°, 69.1, 40.6	`hsl(15.1,69.1%,40.6%)`
HSV (or HSB)	15.1°, 81.7, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.293, 41.862, 42.566
XYZ	20.008, 13.355, 2.891
xyY	0.552, 0.368, 13.355
CIE-LCH	43.293, 59.702, 45.478
CIE-LUV	43.293, 85.346, 31.81
Hunter-Lab	36.544, 33.777, 20.891
Binary	10101111, 01000100, 00100000

#af4420
```
#af4420 rgb(175,68,32)
```
#208baf
```
#208baf rgb(32,139,175)
```

Complementary Color

#af2044
```
#af2044 rgb(175,32,68)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#af8c20
```
#af8c20 rgb(175,140,32)
```

Analogous Color

#2044af
```
#2044af rgb(32,68,175)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#20af8c
```
#20af8c rgb(32,175,140)
```

Split Complementary Color

#4420af
```
#4420af rgb(68,32,175)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#20af44
```
#20af44 rgb(32,175,68)
```

Triadic Color

#af208b
```
#af208b rgb(175,32,139)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#20af44
```
#20af44 rgb(32,175,68)
```
#208baf
```
#208baf rgb(32,139,175)
```

Tetradic Color

#6e2b14
```
#6e2b14 rgb(110,43,20)
```
#843318
```
#843318 rgb(132,51,24)
```
#993c1c
```
#993c1c rgb(153,60,28)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#c54c24
```
#c54c24 rgb(197,76,36)
```
#d8562a
```
#d8562a rgb(216,86,42)
```
#dc6740
```
#dc6740 rgb(220,103,64)
```

Monochromatic Color

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

#af2020
```
#af2020 rgb(175,32,32)
```
#af2c20
```
#af2c20 rgb(175,44,32)
```
#af3820
```
#af3820 rgb(175,56,32)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#af5020
```
#af5020 rgb(175,80,32)
```
#af5c20
```
#af5c20 rgb(175,92,32)
```
#af6820
```
#af6820 rgb(175,104,32)
```

Similar Colors

Text with hexadecimal color #af4420

This text has a font color of #af4420.

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

#af4420 background color

This paragraph has a background color of #af4420.

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

#af4420 border color

This element has a border color of #af4420.

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

CSS codes

.text {color:#af4420;}

.background {background-color:#af4420;}

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

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, #090402 is the darkest color, while #fef9f8 is the lightest one.

#090402
```
#090402 rgb(9,4,2)
```
#1a0a05
```
#1a0a05 rgb(26,10,5)
```
#2a1008
```
#2a1008 rgb(42,16,8)
```
#3b170b
```
#3b170b rgb(59,23,11)
```
#4c1d0e
```
#4c1d0e rgb(76,29,14)
```
#5c2411
```
#5c2411 rgb(92,36,17)
```
#6d2a14
```
#6d2a14 rgb(109,42,20)
```
#7d3117
```
#7d3117 rgb(125,49,23)
```
#8e371a
```
#8e371a rgb(142,55,26)
```
#9e3e1d
```
#9e3e1d rgb(158,62,29)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#c04a23
```
#c04a23 rgb(192,74,35)
```
#d05126
```
#d05126 rgb(208,81,38)
```

Shade Color Variation

#d95b31
```
#d95b31 rgb(217,91,49)
```
#dc6841
```
#dc6841 rgb(220,104,65)
```
#df7552
```
#df7552 rgb(223,117,82)
```
#e28362
```
#e28362 rgb(226,131,98)
```
#e59073
```
#e59073 rgb(229,144,115)
```
#e89d84
```
#e89d84 rgb(232,157,132)
```
#ebaa94
```
#ebaa94 rgb(235,170,148)
```
#eeb7a5
```
#eeb7a5 rgb(238,183,165)
```
#f2c4b5
```
#f2c4b5 rgb(242,196,181)
```
#f5d2c6
```
#f5d2c6 rgb(245,210,198)
```
#f8dfd6
```
#f8dfd6 rgb(248,223,214)
```
#fbece7
```
#fbece7 rgb(251,236,231)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#6f6460
```
#6f6460 rgb(111,100,96)
```
#776058
```
#776058 rgb(119,96,88)
```
#7f5c50
```
#7f5c50 rgb(127,92,80)
```
#875848
```
#875848 rgb(135,88,72)
```
#8f5440
```
#8f5440 rgb(143,84,64)
```
#975038
```
#975038 rgb(151,80,56)
```
#9f4c30
```
#9f4c30 rgb(159,76,48)
```
#a74828
```
#a74828 rgb(167,72,40)
```
#af4420
```
#af4420 rgb(175,68,32)
```
#b74018
```
#b74018 rgb(183,64,24)
```
#bf3c10
```
#bf3c10 rgb(191,60,16)
```
#c73808
```
#c73808 rgb(199,56,8)
```
#cf3400
```
#cf3400 rgb(207,52,0)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#705a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e34 Protanopia 1% of men
#896922 Deuteranopia 1% of men
#b4494d Tritanopia 0.001% of the population

Trichromacy

#8d5e2c Protanomaly 1% of men, 0.01% of women
#965b21 Deuteranomaly 6% of men, 0.4% of women
#b2473d Tritanomaly 0.01% of the population

#af4420 hex color

#af4420 Color Information

#af4420 Color Conversion

Color Schemes with #af4420

Alternatives to #af4420

#af4420 Preview

Shades and Tints of #af4420

Tones of #af4420

Color Blindness Simulator