#af2c3a hex color

In a RGB color space, hex #af2c3a is composed of 68.6% red, 17.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 66.9% yellow and 31.4% black. It has a hue angle of 353.6 degrees, a saturation of 59.8% and a lightness of 42.9%. #af2c3a color hex could be obtained by blending #ff5874 with #5f0000. Closest websafe color is: #993333.

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

● #af2c3a color description : Dark red.

The hexadecimal color #af2c3a has RGB values of R:175, G:44, B:58 and CMYK values of C:0, M:0.75, Y:0.67, K:0.31. Its decimal value is 11480122.

Hex triplet	af2c3a	`#af2c3a`
RGB Decimal	175, 44, 58	`rgb(175,44,58)`
RGB Percent	68.6, 17.3, 22.7	`rgb(68.6%,17.3%,22.7%)`
CMYK	0, 75, 67, 31
HSL	353.6°, 59.8, 42.9	`hsl(353.6,59.8%,42.9%)`
HSV (or HSB)	353.6°, 74.9, 68.6
Web Safe	993333	`#993333`

CIE-LAB	39.954, 52.93, 24.141
XYZ	19.344, 11.223, 5.15
xyY	0.542, 0.314, 11.223
CIE-LCH	39.954, 58.175, 24.517
CIE-LUV	39.954, 95.084, 15.006
Hunter-Lab	33.501, 44.445, 14.335
Binary	10101111, 00101100, 00111010

#af2c3a
```
#af2c3a rgb(175,44,58)
```
#2cafa1
```
#2cafa1 rgb(44,175,161)
```

Complementary Color

#af2c7c
```
#af2c7c rgb(175,44,124)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#af602c
```
#af602c rgb(175,96,44)
```

Analogous Color

#2c7caf
```
#2c7caf rgb(44,124,175)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#2caf60
```
#2caf60 rgb(44,175,96)
```

Split Complementary Color

#2c3aaf
```
#2c3aaf rgb(44,58,175)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#3aaf2c
```
#3aaf2c rgb(58,175,44)
```

Triadic Color

#a12caf
```
#a12caf rgb(161,44,175)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#3aaf2c
```
#3aaf2c rgb(58,175,44)
```
#2cafa1
```
#2cafa1 rgb(44,175,161)
```

Tetradic Color

#721d26
```
#721d26 rgb(114,29,38)
```
#86222c
```
#86222c rgb(134,34,44)
```
#9b2733
```
#9b2733 rgb(155,39,51)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#c33141
```
#c33141 rgb(195,49,65)
```
#cf3f4f
```
#cf3f4f rgb(207,63,79)
```
#d45461
```
#d45461 rgb(212,84,97)
```

Monochromatic Color

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

#af2c5b
```
#af2c5b rgb(175,44,91)
```
#af2c50
```
#af2c50 rgb(175,44,80)
```
#af2c45
```
#af2c45 rgb(175,44,69)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#af2c2f
```
#af2c2f rgb(175,44,47)
```
#af342c
```
#af342c rgb(175,52,44)
```
#af3f2c
```
#af3f2c rgb(175,63,44)
```

Similar Colors

Text with hexadecimal color #af2c3a

This text has a font color of #af2c3a.

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

#af2c3a background color

This paragraph has a background color of #af2c3a.

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

#af2c3a border color

This element has a border color of #af2c3a.

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

CSS codes

.text {color:#af2c3a;}

.background {background-color:#af2c3a;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120506
```
#120506 rgb(18,5,6)
```
#22090b
```
#22090b rgb(34,9,11)
```
#320c10
```
#320c10 rgb(50,12,16)
```
#411016
```
#411016 rgb(65,16,22)
```
#51141b
```
#51141b rgb(81,20,27)
```
#611820
```
#611820 rgb(97,24,32)
```
#701c25
```
#701c25 rgb(112,28,37)
```
#80202a
```
#80202a rgb(128,32,42)
```
#902430
```
#902430 rgb(144,36,48)
```
#9f2835
```
#9f2835 rgb(159,40,53)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#bf303f
```
#bf303f rgb(191,48,63)
```

Shade Color Variation

#cc3646
```
#cc3646 rgb(204,54,70)
```
#d04554
```
#d04554 rgb(208,69,84)
```
#d45563
```
#d45563 rgb(212,85,99)
```
#d86571
```
#d86571 rgb(216,101,113)
```
#dc7580
```
#dc7580 rgb(220,117,128)
```
#e0848e
```
#e0848e rgb(224,132,142)
```
#e4949c
```
#e4949c rgb(228,148,156)
```
#e8a4ab
```
#e8a4ab rgb(232,164,171)
```
#ecb3b9
```
#ecb3b9 rgb(236,179,185)
```
#f0c3c8
```
#f0c3c8 rgb(240,195,200)
```
#f4d3d6
```
#f4d3d6 rgb(244,211,214)
```
#f8e2e5
```
#f8e2e5 rgb(248,226,229)
```
#fcf2f3
```
#fcf2f3 rgb(252,242,243)
```

Tint Color Variation

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

#746768
```
#746768 rgb(116,103,104)
```
#7c5f62
```
#7c5f62 rgb(124,95,98)
```
#85565b
```
#85565b rgb(133,86,91)
```
#8d4e54
```
#8d4e54 rgb(141,78,84)
```
#96454e
```
#96454e rgb(150,69,78)
```
#9e3d47
```
#9e3d47 rgb(158,61,71)
```
#a73441
```
#a73441 rgb(167,52,65)
```
#af2c3a
```
#af2c3a rgb(175,44,58)
```
#b72433
```
#b72433 rgb(183,36,51)
```
#c01b2d
```
#c01b2d rgb(192,27,45)
```
#c81326
```
#c81326 rgb(200,19,38)
```
#d10a20
```
#d10a20 rgb(209,10,32)
```
#d90219
```
#d90219 rgb(217,2,25)
```

Tone Color Variation

Below, you can see how #af2c3a 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
#674d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6655 Protanopia 1% of men
#7c623b Deuteranopia 1% of men
#b2383b Tritanopia 0.001% of the population

Trichromacy

#84514b Protanomaly 1% of men, 0.01% of women
#8e4e3b Deuteranomaly 6% of men, 0.4% of women
#b1343a Tritanomaly 0.01% of the population

#af2c3a hex color

#af2c3a Color Information

#af2c3a Color Conversion

Color Schemes with #af2c3a

Alternatives to #af2c3a

#af2c3a Preview

Shades and Tints of #af2c3a

Tones of #af2c3a

Color Blindness Simulator