colorhexa.com

#af2f28 hex color

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

- R 69
- G 18
- B 16
RGB color chart
- C 0
- M 73
- Y 77
- K 31
CMYK color chart

● #af2f28 color description : Dark red.

The hexadecimal color #af2f28 has RGB values of R:175, G:47, B:40 and CMYK values of C:0, M:0.73, Y:0.77, K:0.31. Its decimal value is 11480872.

Hex triplet	af2f28	`#af2f28`
RGB Decimal	175, 47, 40	`rgb(175,47,40)`
RGB Percent	68.6, 18.4, 15.7	`rgb(68.6%,18.4%,15.7%)`
CMYK	0, 73, 77, 31
HSL	3.1°, 62.8, 42.2	`hsl(3.1,62.8%,42.2%)`
HSV (or HSB)	3.1°, 77.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.085, 51.014, 35.08
XYZ	19.08, 11.302, 3.184
xyY	0.568, 0.337, 11.302
CIE-LCH	40.085, 61.912, 34.514
CIE-LUV	40.085, 97.592, 23.435
Hunter-Lab	33.619, 42.469, 17.918
Binary	10101111, 00101111, 00101000

#af2f28
```
#af2f28 rgb(175,47,40)
```
#28a8af
```
#28a8af rgb(40,168,175)
```

Complementary Color

#af2865
```
#af2865 rgb(175,40,101)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#af7328
```
#af7328 rgb(175,115,40)
```

Analogous Color

#2865af
```
#2865af rgb(40,101,175)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#28af73
```
#28af73 rgb(40,175,115)
```

Split Complementary Color

#2f28af
```
#2f28af rgb(47,40,175)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#28af2f
```
#28af2f rgb(40,175,47)
```

Triadic Color

#af28a8
```
#af28a8 rgb(175,40,168)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#28af2f
```
#28af2f rgb(40,175,47)
```
#28a8af
```
#28a8af rgb(40,168,175)
```

Tetradic Color

#711e1a
```
#711e1a rgb(113,30,26)
```
#85241f
```
#85241f rgb(133,36,31)
```
#9a2923
```
#9a2923 rgb(154,41,35)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#c4352d
```
#c4352d rgb(196,53,45)
```
#d24038
```
#d24038 rgb(210,64,56)
```
#d6544d
```
#d6544d rgb(214,84,77)
```

Monochromatic Color

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

#af2843
```
#af2843 rgb(175,40,67)
```
#af2837
```
#af2837 rgb(175,40,55)
```
#af282c
```
#af282c rgb(175,40,44)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#af3a28
```
#af3a28 rgb(175,58,40)
```
#af4628
```
#af4628 rgb(175,70,40)
```
#af5128
```
#af5128 rgb(175,81,40)
```

Similar Colors

Text with hexadecimal color #af2f28

This text has a font color of #af2f28.

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

#af2f28 background color

This paragraph has a background color of #af2f28.

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

#af2f28 border color

This element has a border color of #af2f28.

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

CSS codes

.text {color:#af2f28;}

.background {background-color:#af2f28;}

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

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

#0f0404
```
#0f0404 rgb(15,4,4)
```
#1f0807
```
#1f0807 rgb(31,8,7)
```
#2f0d0b
```
#2f0d0b rgb(47,13,11)
```
#3f110e
```
#3f110e rgb(63,17,14)
```
#4f1512
```
#4f1512 rgb(79,21,18)
```
#5f1a16
```
#5f1a16 rgb(95,26,22)
```
#6f1e19
```
#6f1e19 rgb(111,30,25)
```
#7f221d
```
#7f221d rgb(127,34,29)
```
#8f2621
```
#8f2621 rgb(143,38,33)
```
#9f2b24
```
#9f2b24 rgb(159,43,36)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#bf332c
```
#bf332c rgb(191,51,44)
```
#cf382f
```
#cf382f rgb(207,56,47)
```

Shade Color Variation

#d3463f
```
#d3463f rgb(211,70,63)
```
#d7564f
```
#d7564f rgb(215,86,79)
```
#da655f
```
#da655f rgb(218,101,95)
```
#de746f
```
#de746f rgb(222,116,111)
```
#e2847f
```
#e2847f rgb(226,132,127)
```
#e5938f
```
#e5938f rgb(229,147,143)
```
#e9a29f
```
#e9a29f rgb(233,162,159)
```
#edb2af
```
#edb2af rgb(237,178,175)
```
#f0c1bf
```
#f0c1bf rgb(240,193,191)
```
#f4d0ce
```
#f4d0ce rgb(244,208,206)
```
#f8e0de
```
#f8e0de rgb(248,224,222)
```
#fbefee
```
#fbefee rgb(251,239,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6d6a6a
```
#6d6a6a rgb(109,106,106)
```
#756362
```
#756362 rgb(117,99,98)
```
#7d5b5a
```
#7d5b5a rgb(125,91,90)
```
#865451
```
#865451 rgb(134,84,81)
```
#8e4d49
```
#8e4d49 rgb(142,77,73)
```
#964541
```
#964541 rgb(150,69,65)
```
#9e3e39
```
#9e3e39 rgb(158,62,57)
```
#a73630
```
#a73630 rgb(167,54,48)
```
#af2f28
```
#af2f28 rgb(175,47,40)
```
#b72820
```
#b72820 rgb(183,40,32)
```
#c02017
```
#c02017 rgb(192,32,23)
```
#c8190f
```
#c8190f rgb(200,25,15)
```
#d01107
```
#d01107 rgb(208,17,7)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#664d4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#706640 Protanopia 1% of men
#7f6229 Deuteranopia 1% of men
#b3383b Tritanopia 0.001% of the population

Trichromacy

#865237 Protanomaly 1% of men, 0.01% of women
#904f28 Deuteranomaly 6% of men, 0.4% of women
#b13534 Tritanomaly 0.01% of the population