#af4228 hex color

In a RGB color space, hex #af4228 is composed of 68.6% red, 25.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 77.1% yellow and 31.4% black. It has a hue angle of 11.6 degrees, a saturation of 62.8% and a lightness of 42.2%. #af4228 color hex could be obtained by blending #ff8450 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 26
- B 16
RGB color chart
- C 0
- M 62
- Y 77
- K 31
CMYK color chart

● #af4228 color description : Dark red.

The hexadecimal color #af4228 has RGB values of R:175, G:66, B:40 and CMYK values of C:0, M:0.62, Y:0.77, K:0.31. Its decimal value is 11485736.

Hex triplet	af4228	`#af4228`
RGB Decimal	175, 66, 40	`rgb(175,66,40)`
RGB Percent	68.6, 25.9, 15.7	`rgb(68.6%,25.9%,15.7%)`
CMYK	0, 62, 77, 31
HSL	11.6°, 62.8, 42.2	`hsl(11.6,62.8%,42.2%)`
HSV (or HSB)	11.6°, 77.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.012, 43.089, 38.184
XYZ	20.011, 13.166, 3.495
xyY	0.546, 0.359, 13.166
CIE-LCH	43.012, 57.574, 41.546
CIE-LUV	43.012, 85.698, 28.743
Hunter-Lab	36.285, 34.946, 19.689
Binary	10101111, 01000010, 00101000

#af4228
```
#af4228 rgb(175,66,40)
```
#2895af
```
#2895af rgb(40,149,175)
```

Complementary Color

#af2852
```
#af2852 rgb(175,40,82)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#af8628
```
#af8628 rgb(175,134,40)
```

Analogous Color

#2852af
```
#2852af rgb(40,82,175)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#28af86
```
#28af86 rgb(40,175,134)
```

Split Complementary Color

#4228af
```
#4228af rgb(66,40,175)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#28af42
```
#28af42 rgb(40,175,66)
```

Triadic Color

#af2895
```
#af2895 rgb(175,40,149)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#28af42
```
#28af42 rgb(40,175,66)
```
#2895af
```
#2895af rgb(40,149,175)
```

Tetradic Color

#712b1a
```
#712b1a rgb(113,43,26)
```
#85321f
```
#85321f rgb(133,50,31)
```
#9a3a23
```
#9a3a23 rgb(154,58,35)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#c44a2d
```
#c44a2d rgb(196,74,45)
```
#d25638
```
#d25638 rgb(210,86,56)
```
#d6684d
```
#d6684d rgb(214,104,77)
```

Monochromatic Color

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

#af2830
```
#af2830 rgb(175,40,48)
```
#af2c28
```
#af2c28 rgb(175,44,40)
```
#af3728
```
#af3728 rgb(175,55,40)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#af4d28
```
#af4d28 rgb(175,77,40)
```
#af5928
```
#af5928 rgb(175,89,40)
```
#af6428
```
#af6428 rgb(175,100,40)
```

Similar Colors

Text with hexadecimal color #af4228

This text has a font color of #af4228.

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

#af4228 background color

This paragraph has a background color of #af4228.

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

#af4228 border color

This element has a border color of #af4228.

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

CSS codes

.text {color:#af4228;}

.background {background-color:#af4228;}

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

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

#0f0604
```
#0f0604 rgb(15,6,4)
```
#1f0c07
```
#1f0c07 rgb(31,12,7)
```
#2f120b
```
#2f120b rgb(47,18,11)
```
#3f180e
```
#3f180e rgb(63,24,14)
```
#4f1e12
```
#4f1e12 rgb(79,30,18)
```
#5f2416
```
#5f2416 rgb(95,36,22)
```
#6f2a19
```
#6f2a19 rgb(111,42,25)
```
#7f301d
```
#7f301d rgb(127,48,29)
```
#8f3621
```
#8f3621 rgb(143,54,33)
```
#9f3c24
```
#9f3c24 rgb(159,60,36)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#bf482c
```
#bf482c rgb(191,72,44)
```
#cf4e2f
```
#cf4e2f rgb(207,78,47)
```

Shade Color Variation

#d35b3f
```
#d35b3f rgb(211,91,63)
```
#d7694f
```
#d7694f rgb(215,105,79)
```
#da775f
```
#da775f rgb(218,119,95)
```
#de846f
```
#de846f rgb(222,132,111)
```
#e2927f
```
#e2927f rgb(226,146,127)
```
#e59f8f
```
#e59f8f rgb(229,159,143)
```
#e9ad9f
```
#e9ad9f rgb(233,173,159)
```
#edbaaf
```
#edbaaf rgb(237,186,175)
```
#f0c8bf
```
#f0c8bf rgb(240,200,191)
```
#f4d6ce
```
#f4d6ce rgb(244,214,206)
```
#f8e3de
```
#f8e3de rgb(248,227,222)
```
#fbf1ee
```
#fbf1ee rgb(251,241,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6d6b6a
```
#6d6b6a rgb(109,107,106)
```
#756662
```
#756662 rgb(117,102,98)
```
#7d615a
```
#7d615a rgb(125,97,90)
```
#865b51
```
#865b51 rgb(134,91,81)
```
#8e5649
```
#8e5649 rgb(142,86,73)
```
#965141
```
#965141 rgb(150,81,65)
```
#9e4c39
```
#9e4c39 rgb(158,76,57)
```
#a74730
```
#a74730 rgb(167,71,48)
```
#af4228
```
#af4228 rgb(175,66,40)
```
#b73d20
```
#b73d20 rgb(183,61,32)
```
#c03817
```
#c03817 rgb(192,56,23)
```
#c8330f
```
#c8330f rgb(200,51,15)
```
#d02e07
```
#d02e07 rgb(208,46,7)
```

Tone Color Variation

Below, you can see how #af4228 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
#705a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d3d Protanopia 1% of men
#87682a Deuteranopia 1% of men
#b4484c Tritanopia 0.001% of the population

Trichromacy

#8c5d35 Protanomaly 1% of men, 0.01% of women
#955a29 Deuteranomaly 6% of men, 0.4% of women
#b2463f Tritanomaly 0.01% of the population

#af4228 hex color

#af4228 Color Information

#af4228 Color Conversion

Color Schemes with #af4228

Alternatives to #af4228

#af4228 Preview

Shades and Tints of #af4228

Tones of #af4228

Color Blindness Simulator