#af2c3c hex color

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

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

● #af2c3c color description : Dark red.

The hexadecimal color #af2c3c has RGB values of R:175, G:44, B:60 and CMYK values of C:0, M:0.75, Y:0.66, K:0.31. Its decimal value is 11480124.

Hex triplet	af2c3c	`#af2c3c`
RGB Decimal	175, 44, 60	`rgb(175,44,60)`
RGB Percent	68.6, 17.3, 23.5	`rgb(68.6%,17.3%,23.5%)`
CMYK	0, 75, 66, 31
HSL	352.7°, 59.8, 42.9	`hsl(352.7,59.8%,42.9%)`
HSV (or HSB)	352.7°, 74.9, 68.6
Web Safe	993333	`#993333`

CIE-LAB	39.988, 53.044, 22.943
XYZ	19.396, 11.244, 5.424
xyY	0.538, 0.312, 11.244
CIE-LCH	39.988, 57.793, 23.39
CIE-LUV	39.988, 94.547, 13.998
Hunter-Lab	33.532, 44.572, 13.882
Binary	10101111, 00101100, 00111100

#af2c3c
```
#af2c3c rgb(175,44,60)
```
#2caf9f
```
#2caf9f rgb(44,175,159)
```

Complementary Color

#af2c7e
```
#af2c7e rgb(175,44,126)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#af5e2c
```
#af5e2c rgb(175,94,44)
```

Analogous Color

#2c7eaf
```
#2c7eaf rgb(44,126,175)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#2caf5e
```
#2caf5e rgb(44,175,94)
```

Split Complementary Color

#2c3caf
```
#2c3caf rgb(44,60,175)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#3caf2c
```
#3caf2c rgb(60,175,44)
```

Triadic Color

#9f2caf
```
#9f2caf rgb(159,44,175)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#3caf2c
```
#3caf2c rgb(60,175,44)
```
#2caf9f
```
#2caf9f rgb(44,175,159)
```

Tetradic Color

#721d27
```
#721d27 rgb(114,29,39)
```
#86222e
```
#86222e rgb(134,34,46)
```
#9b2735
```
#9b2735 rgb(155,39,53)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#c33143
```
#c33143 rgb(195,49,67)
```
#cf3f51
```
#cf3f51 rgb(207,63,81)
```
#d45463
```
#d45463 rgb(212,84,99)
```

Monochromatic Color

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

#af2c5d
```
#af2c5d rgb(175,44,93)
```
#af2c52
```
#af2c52 rgb(175,44,82)
```
#af2c47
```
#af2c47 rgb(175,44,71)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#af2c31
```
#af2c31 rgb(175,44,49)
```
#af322c
```
#af322c rgb(175,50,44)
```
#af3d2c
```
#af3d2c rgb(175,61,44)
```

Similar Colors

Text with hexadecimal color #af2c3c

This text has a font color of #af2c3c.

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

#af2c3c background color

This paragraph has a background color of #af2c3c.

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

#af2c3c border color

This element has a border color of #af2c3c.

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

CSS codes

.text {color:#af2c3c;}

.background {background-color:#af2c3c;}

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

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)
```
#22090c
```
#22090c rgb(34,9,12)
```
#320c11
```
#320c11 rgb(50,12,17)
```
#411016
```
#411016 rgb(65,16,22)
```
#51141c
```
#51141c rgb(81,20,28)
```
#611821
```
#611821 rgb(97,24,33)
```
#701c27
```
#701c27 rgb(112,28,39)
```
#80202c
```
#80202c rgb(128,32,44)
```
#902431
```
#902431 rgb(144,36,49)
```
#9f2837
```
#9f2837 rgb(159,40,55)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#bf3041
```
#bf3041 rgb(191,48,65)
```

Shade Color Variation

#cc3648
```
#cc3648 rgb(204,54,72)
```
#d04556
```
#d04556 rgb(208,69,86)
```
#d45565
```
#d45565 rgb(212,85,101)
```
#d86573
```
#d86573 rgb(216,101,115)
```
#dc7581
```
#dc7581 rgb(220,117,129)
```
#e0848f
```
#e0848f rgb(224,132,143)
```
#e4949e
```
#e4949e rgb(228,148,158)
```
#e8a4ac
```
#e8a4ac rgb(232,164,172)
```
#ecb3ba
```
#ecb3ba rgb(236,179,186)
```
#f0c3c8
```
#f0c3c8 rgb(240,195,200)
```
#f4d3d7
```
#f4d3d7 rgb(244,211,215)
```
#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, #746769 is the less saturated color, while #d9021c is the most saturated one.

#746769
```
#746769 rgb(116,103,105)
```
#7c5f62
```
#7c5f62 rgb(124,95,98)
```
#85565c
```
#85565c rgb(133,86,92)
```
#8d4e55
```
#8d4e55 rgb(141,78,85)
```
#96454f
```
#96454f rgb(150,69,79)
```
#9e3d49
```
#9e3d49 rgb(158,61,73)
```
#a73442
```
#a73442 rgb(167,52,66)
```
#af2c3c
```
#af2c3c rgb(175,44,60)
```
#b72436
```
#b72436 rgb(183,36,54)
```
#c01b2f
```
#c01b2f rgb(192,27,47)
```
#c81329
```
#c81329 rgb(200,19,41)
```
#d10a23
```
#d10a23 rgb(209,10,35)
```
#d9021c
```
#d9021c rgb(217,2,28)
```

Tone Color Variation

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

#6b6657 Protanopia 1% of men
#7b623d Deuteranopia 1% of men
#b2393b Tritanopia 0.001% of the population

Trichromacy

#84514d Protanomaly 1% of men, 0.01% of women
#8e4e3d Deuteranomaly 6% of men, 0.4% of women
#b1343b Tritanomaly 0.01% of the population

#af2c3c hex color

#af2c3c Color Information

#af2c3c Color Conversion

Color Schemes with #af2c3c

Alternatives to #af2c3c

#af2c3c Preview

Shades and Tints of #af2c3c

Tones of #af2c3c

Color Blindness Simulator