#af2a28 hex color

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

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

● #af2a28 color description : Dark red.

The hexadecimal color #af2a28 has RGB values of R:175, G:42, B:40 and CMYK values of C:0, M:0.76, Y:0.77, K:0.31. Its decimal value is 11479592.

Hex triplet	af2a28	`#af2a28`
RGB Decimal	175, 42, 40	`rgb(175,42,40)`
RGB Percent	68.6, 16.5, 15.7	`rgb(68.6%,16.5%,15.7%)`
CMYK	0, 76, 77, 31
HSL	0.9°, 62.8, 42.2	`hsl(0.9,62.8%,42.2%)`
HSV (or HSB)	0.9°, 77.1, 68.6
Web Safe	993333	`#993333`

CIE-LAB	39.454, 52.766, 34.4
XYZ	18.891, 10.925, 3.121
xyY	0.574, 0.332, 10.925
CIE-LCH	39.454, 62.989, 33.102
CIE-LUV	39.454, 100.246, 22.274
Hunter-Lab	33.054, 44.174, 17.538
Binary	10101111, 00101010, 00101000

#af2a28
```
#af2a28 rgb(175,42,40)
```
#28adaf
```
#28adaf rgb(40,173,175)
```

Complementary Color

#af286a
```
#af286a rgb(175,40,106)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#af6e28
```
#af6e28 rgb(175,110,40)
```

Analogous Color

#286aaf
```
#286aaf rgb(40,106,175)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#28af6e
```
#28af6e rgb(40,175,110)
```

Split Complementary Color

#2a28af
```
#2a28af rgb(42,40,175)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#28af2a
```
#28af2a rgb(40,175,42)
```

Triadic Color

#af28ad
```
#af28ad rgb(175,40,173)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#28af2a
```
#28af2a rgb(40,175,42)
```
#28adaf
```
#28adaf rgb(40,173,175)
```

Tetradic Color

#711b1a
```
#711b1a rgb(113,27,26)
```
#85201f
```
#85201f rgb(133,32,31)
```
#9a2523
```
#9a2523 rgb(154,37,35)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#c42f2d
```
#c42f2d rgb(196,47,45)
```
#d23b38
```
#d23b38 rgb(210,59,56)
```
#d64f4d
```
#d64f4d rgb(214,79,77)
```

Monochromatic Color

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

#af2848
```
#af2848 rgb(175,40,72)
```
#af283d
```
#af283d rgb(175,40,61)
```
#af2831
```
#af2831 rgb(175,40,49)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#af3528
```
#af3528 rgb(175,53,40)
```
#af4128
```
#af4128 rgb(175,65,40)
```
#af4c28
```
#af4c28 rgb(175,76,40)
```

Similar Colors

Text with hexadecimal color #af2a28

This text has a font color of #af2a28.

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

#af2a28 background color

This paragraph has a background color of #af2a28.

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

#af2a28 border color

This element has a border color of #af2a28.

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

CSS codes

.text {color:#af2a28;}

.background {background-color:#af2a28;}

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

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)
```
#2f0b0b
```
#2f0b0b rgb(47,11,11)
```
#3f0f0e
```
#3f0f0e rgb(63,15,14)
```
#4f1312
```
#4f1312 rgb(79,19,18)
```
#5f1716
```
#5f1716 rgb(95,23,22)
```
#6f1b19
```
#6f1b19 rgb(111,27,25)
```
#7f1f1d
```
#7f1f1d rgb(127,31,29)
```
#8f2221
```
#8f2221 rgb(143,34,33)
```
#9f2624
```
#9f2624 rgb(159,38,36)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#bf2e2c
```
#bf2e2c rgb(191,46,44)
```
#cf322f
```
#cf322f rgb(207,50,47)
```

Shade Color Variation

#d3413f
```
#d3413f rgb(211,65,63)
```
#d7514f
```
#d7514f rgb(215,81,79)
```
#da615f
```
#da615f rgb(218,97,95)
```
#de706f
```
#de706f rgb(222,112,111)
```
#e2807f
```
#e2807f rgb(226,128,127)
```
#e5908f
```
#e5908f rgb(229,144,143)
```
#e9a09f
```
#e9a09f rgb(233,160,159)
```
#edafaf
```
#edafaf rgb(237,175,175)
```
#f0bfbf
```
#f0bfbf rgb(240,191,191)
```
#f4cfce
```
#f4cfce rgb(244,207,206)
```
#f8dfde
```
#f8dfde rgb(248,223,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 #d00a07 is the most saturated one.

#6d6a6a
```
#6d6a6a rgb(109,106,106)
```
#756262
```
#756262 rgb(117,98,98)
```
#7d5a5a
```
#7d5a5a rgb(125,90,90)
```
#865251
```
#865251 rgb(134,82,81)
```
#8e4a49
```
#8e4a49 rgb(142,74,73)
```
#964241
```
#964241 rgb(150,66,65)
```
#9e3a39
```
#9e3a39 rgb(158,58,57)
```
#a73230
```
#a73230 rgb(167,50,48)
```
#af2a28
```
#af2a28 rgb(175,42,40)
```
#b72220
```
#b72220 rgb(183,34,32)
```
#c01a17
```
#c01a17 rgb(192,26,23)
```
#c8120f
```
#c8120f rgb(200,18,15)
```
#d00a07
```
#d00a07 rgb(208,10,7)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6541 Protanopia 1% of men
#7d6029 Deuteranopia 1% of men
#b33436 Tritanopia 0.001% of the population

Trichromacy

#854f38 Protanomaly 1% of men, 0.01% of women
#8f4c28 Deuteranomaly 6% of men, 0.4% of women
#b13031 Tritanomaly 0.01% of the population

#af2a28 hex color

#af2a28 Color Information

#af2a28 Color Conversion

Color Schemes with #af2a28

Alternatives to #af2a28

#af2a28 Preview

Shades and Tints of #af2a28

Tones of #af2a28

Color Blindness Simulator