#af2b31 hex color

In a RGB color space, hex #af2b31 is composed of 68.6% red, 16.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.4% magenta, 72% yellow and 31.4% black. It has a hue angle of 357.3 degrees, a saturation of 60.6% and a lightness of 42.7%. #af2b31 color hex could be obtained by blending #ff5662 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 17
- B 19
RGB color chart
- C 0
- M 75
- Y 72
- K 31
CMYK color chart

● #af2b31 color description : Dark red.

The hexadecimal color #af2b31 has RGB values of R:175, G:43, B:49 and CMYK values of C:0, M:0.75, Y:0.72, K:0.31. Its decimal value is 11479857.

Hex triplet	af2b31	`#af2b31`
RGB Decimal	175, 43, 49	`rgb(175,43,49)`
RGB Percent	68.6, 16.9, 19.2	`rgb(68.6%,16.9%,19.2%)`
CMYK	0, 75, 72, 31
HSL	357.3°, 60.6, 42.7	`hsl(357.3,60.6%,42.7%)`
HSV (or HSB)	357.3°, 75.4, 68.6
Web Safe	993333	`#993333`

CIE-LAB	39.691, 52.81, 29.335
XYZ	19.098, 11.066, 4.036
xyY	0.558, 0.324, 11.066
CIE-LCH	39.691, 60.41, 29.051
CIE-LUV	39.691, 97.813, 18.943
Hunter-Lab	33.265, 44.267, 16.092
Binary	10101111, 00101011, 00110001

#af2b31
```
#af2b31 rgb(175,43,49)
```
#2bafa9
```
#2bafa9 rgb(43,175,169)
```

Complementary Color

#af2b73
```
#af2b73 rgb(175,43,115)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#af672b
```
#af672b rgb(175,103,43)
```

Analogous Color

#2b73af
```
#2b73af rgb(43,115,175)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#2baf67
```
#2baf67 rgb(43,175,103)
```

Split Complementary Color

#2b31af
```
#2b31af rgb(43,49,175)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#31af2b
```
#31af2b rgb(49,175,43)
```

Triadic Color

#a92baf
```
#a92baf rgb(169,43,175)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#31af2b
```
#31af2b rgb(49,175,43)
```
#2bafa9
```
#2bafa9 rgb(43,175,169)
```

Tetradic Color

#721c20
```
#721c20 rgb(114,28,32)
```
#862126
```
#862126 rgb(134,33,38)
```
#9b262b
```
#9b262b rgb(155,38,43)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#c33037
```
#c33037 rgb(195,48,55)
```
#cf3e44
```
#cf3e44 rgb(207,62,68)
```
#d45258
```
#d45258 rgb(212,82,88)
```

Monochromatic Color

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

#af2b52
```
#af2b52 rgb(175,43,82)
```
#af2b47
```
#af2b47 rgb(175,43,71)
```
#af2b3c
```
#af2b3c rgb(175,43,60)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#af302b
```
#af302b rgb(175,48,43)
```
#af3b2b
```
#af3b2b rgb(175,59,43)
```
#af462b
```
#af462b rgb(175,70,43)
```

Similar Colors

Text with hexadecimal color #af2b31

This text has a font color of #af2b31.

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

#af2b31 background color

This paragraph has a background color of #af2b31.

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

#af2b31 border color

This element has a border color of #af2b31.

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

CSS codes

.text {color:#af2b31;}

.background {background-color:#af2b31;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#120405
```
#120405 rgb(18,4,5)
```
#210809
```
#210809 rgb(33,8,9)
```
#310c0e
```
#310c0e rgb(49,12,14)
```
#411012
```
#411012 rgb(65,16,18)
```
#511417
```
#511417 rgb(81,20,23)
```
#60181b
```
#60181b rgb(96,24,27)
```
#701c1f
```
#701c1f rgb(112,28,31)
```
#801f24
```
#801f24 rgb(128,31,36)
```
#902328
```
#902328 rgb(144,35,40)
```
#9f272d
```
#9f272d rgb(159,39,45)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#bf2f35
```
#bf2f35 rgb(191,47,53)
```

Shade Color Variation

#cd343b
```
#cd343b rgb(205,52,59)
```
#d1444a
```
#d1444a rgb(209,68,74)
```
#d55459
```
#d55459 rgb(213,84,89)
```
#d96369
```
#d96369 rgb(217,99,105)
```
#dd7378
```
#dd7378 rgb(221,115,120)
```
#e08387
```
#e08387 rgb(224,131,135)
```
#e49396
```
#e49396 rgb(228,147,150)
```
#e8a2a5
```
#e8a2a5 rgb(232,162,165)
```
#ecb2b5
```
#ecb2b5 rgb(236,178,181)
```
#f0c2c4
```
#f0c2c4 rgb(240,194,196)
```
#f4d2d3
```
#f4d2d3 rgb(244,210,211)
```
#f8e1e2
```
#f8e1e2 rgb(248,225,226)
```
#fcf1f2
```
#fcf1f2 rgb(252,241,242)
```

Tint Color Variation

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

#746666
```
#746666 rgb(116,102,102)
```
#7d5d5f
```
#7d5d5f rgb(125,93,95)
```
#855557
```
#855557 rgb(133,85,87)
```
#8d4d4f
```
#8d4d4f rgb(141,77,79)
```
#964448
```
#964448 rgb(150,68,72)
```
#9e3c40
```
#9e3c40 rgb(158,60,64)
```
#a73339
```
#a73339 rgb(167,51,57)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#b72329
```
#b72329 rgb(183,35,41)
```
#c01a22
```
#c01a22 rgb(192,26,34)
```
#c8121a
```
#c8121a rgb(200,18,26)
```
#d10913
```
#d10913 rgb(209,9,19)
```
#d9010b
```
#d9010b rgb(217,1,11)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#654b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d654b Protanopia 1% of men
#7c6132 Deuteranopia 1% of men
#b33638 Tritanopia 0.001% of the population

Trichromacy

#855041 Protanomaly 1% of men, 0.01% of women
#8f4d32 Deuteranomaly 6% of men, 0.4% of women
#b13235 Tritanomaly 0.01% of the population

#af2b31 hex color

#af2b31 Color Information

#af2b31 Color Conversion

Color Schemes with #af2b31

Alternatives to #af2b31

#af2b31 Preview

Shades and Tints of #af2b31

Tones of #af2b31

Color Blindness Simulator