#af2f2b hex color

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

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

● #af2f2b color description : Dark red.

The hexadecimal color #af2f2b has RGB values of R:175, G:47, B:43 and CMYK values of C:0, M:0.73, Y:0.75, K:0.31. Its decimal value is 11480875.

Hex triplet	af2f2b	`#af2f2b`
RGB Decimal	175, 47, 43	`rgb(175,47,43)`
RGB Percent	68.6, 18.4, 16.9	`rgb(68.6%,18.4%,16.9%)`
CMYK	0, 73, 75, 31
HSL	1.8°, 60.6, 42.7	`hsl(1.8,60.6%,42.7%)`
HSV (or HSB)	1.8°, 75.4, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.12, 51.134, 33.389
XYZ	19.133, 11.324, 3.464
xyY	0.564, 0.334, 11.324
CIE-LCH	40.12, 61.07, 33.143
CIE-LUV	40.12, 97.014, 22.332
Hunter-Lab	33.651, 42.601, 17.453
Binary	10101111, 00101111, 00101011

#af2f2b
```
#af2f2b rgb(175,47,43)
```
#2babaf
```
#2babaf rgb(43,171,175)
```

Complementary Color

#af2b69
```
#af2b69 rgb(175,43,105)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#af712b
```
#af712b rgb(175,113,43)
```

Analogous Color

#2b69af
```
#2b69af rgb(43,105,175)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#2baf71
```
#2baf71 rgb(43,175,113)
```

Split Complementary Color

#2f2baf
```
#2f2baf rgb(47,43,175)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#2baf2f
```
#2baf2f rgb(43,175,47)
```

Triadic Color

#af2bab
```
#af2bab rgb(175,43,171)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#2baf2f
```
#2baf2f rgb(43,175,47)
```
#2babaf
```
#2babaf rgb(43,171,175)
```

Tetradic Color

#721f1c
```
#721f1c rgb(114,31,28)
```
#862421
```
#862421 rgb(134,36,33)
```
#9b2a26
```
#9b2a26 rgb(155,42,38)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#c33430
```
#c33430 rgb(195,52,48)
```
#cf423e
```
#cf423e rgb(207,66,62)
```
#d45652
```
#d45652 rgb(212,86,82)
```

Monochromatic Color

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

#af2b48
```
#af2b48 rgb(175,43,72)
```
#af2b3d
```
#af2b3d rgb(175,43,61)
```
#af2b32
```
#af2b32 rgb(175,43,50)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#af3a2b
```
#af3a2b rgb(175,58,43)
```
#af452b
```
#af452b rgb(175,69,43)
```
#af502b
```
#af502b rgb(175,80,43)
```

Similar Colors

Text with hexadecimal color #af2f2b

This text has a font color of #af2f2b.

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

#af2f2b background color

This paragraph has a background color of #af2f2b.

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

#af2f2b border color

This element has a border color of #af2f2b.

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

CSS codes

.text {color:#af2f2b;}

.background {background-color:#af2f2b;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#120504
```
#120504 rgb(18,5,4)
```
#210908
```
#210908 rgb(33,9,8)
```
#310d0c
```
#310d0c rgb(49,13,12)
```
#411110
```
#411110 rgb(65,17,16)
```
#511614
```
#511614 rgb(81,22,20)
```
#601a18
```
#601a18 rgb(96,26,24)
```
#701e1c
```
#701e1c rgb(112,30,28)
```
#80221f
```
#80221f rgb(128,34,31)
```
#902723
```
#902723 rgb(144,39,35)
```
#9f2b27
```
#9f2b27 rgb(159,43,39)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#bf332f
```
#bf332f rgb(191,51,47)
```

Shade Color Variation

#cd3934
```
#cd3934 rgb(205,57,52)
```
#d14844
```
#d14844 rgb(209,72,68)
```
#d55754
```
#d55754 rgb(213,87,84)
```
#d96763
```
#d96763 rgb(217,103,99)
```
#dd7673
```
#dd7673 rgb(221,118,115)
```
#e08683
```
#e08683 rgb(224,134,131)
```
#e49593
```
#e49593 rgb(228,149,147)
```
#e8a4a2
```
#e8a4a2 rgb(232,164,162)
```
#ecb4b2
```
#ecb4b2 rgb(236,180,178)
```
#f0c3c2
```
#f0c3c2 rgb(240,195,194)
```
#f4d3d2
```
#f4d3d2 rgb(244,211,210)
```
#f8e2e1
```
#f8e2e1 rgb(248,226,225)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#746666
```
#746666 rgb(116,102,102)
```
#7d5e5d
```
#7d5e5d rgb(125,94,93)
```
#855655
```
#855655 rgb(133,86,85)
```
#8d4f4d
```
#8d4f4d rgb(141,79,77)
```
#964744
```
#964744 rgb(150,71,68)
```
#9e3f3c
```
#9e3f3c rgb(158,63,60)
```
#a73733
```
#a73733 rgb(167,55,51)
```
#af2f2b
```
#af2f2b rgb(175,47,43)
```
#b72723
```
#b72723 rgb(183,39,35)
```
#c01f1a
```
#c01f1a rgb(192,31,26)
```
#c81712
```
#c81712 rgb(200,23,18)
```
#d10f09
```
#d10f09 rgb(209,15,9)
```
#d90801
```
#d90801 rgb(217,8,1)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6643 Protanopia 1% of men
#7e622c Deuteranopia 1% of men
#b3393b Tritanopia 0.001% of the population

Trichromacy

#86523a Protanomaly 1% of men, 0.01% of women
#904f2c Deuteranomaly 6% of men, 0.4% of women
#b13535 Tritanomaly 0.01% of the population

#af2f2b hex color

#af2f2b Color Information

#af2f2b Color Conversion

Color Schemes with #af2f2b

Alternatives to #af2f2b

#af2f2b Preview

Shades and Tints of #af2f2b

Tones of #af2f2b

Color Blindness Simulator