#cf2227 hex color

In a RGB color space, hex #cf2227 is composed of 81.2% red, 13.3% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.6% magenta, 81.2% yellow and 18.8% black. It has a hue angle of 358.3 degrees, a saturation of 71.8% and a lightness of 47.3%. #cf2227 color hex could be obtained by blending #ff444e with #9f0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 81
- G 13
- B 15
RGB color chart
- C 0
- M 84
- Y 81
- K 19
CMYK color chart

● #cf2227 color description : Strong red.

The hexadecimal color #cf2227 has RGB values of R:207, G:34, B:39 and CMYK values of C:0, M:0.84, Y:0.81, K:0.19. Its decimal value is 13574695.

Hex triplet	cf2227	`#cf2227`
RGB Decimal	207, 34, 39	`rgb(207,34,39)`
RGB Percent	81.2, 13.3, 15.3	`rgb(81.2%,13.3%,15.3%)`
CMYK	0, 84, 81, 19
HSL	358.3°, 71.8, 47.3	`hsl(358.3,71.8%,47.3%)`
HSV (or HSB)	358.3°, 83.6, 81.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.025, 64.309, 42.7
XYZ	26.672, 14.559, 3.325
xyY	0.599, 0.327, 14.559
CIE-LCH	45.025, 77.194, 33.583
CIE-LUV	45.025, 129.051, 26.601
Hunter-Lab	38.157, 57.998, 21.543
Binary	11001111, 00100010, 00100111

#cf2227
```
#cf2227 rgb(207,34,39)
```
#22cfca
```
#22cfca rgb(34,207,202)
```

Complementary Color

#cf227e
```
#cf227e rgb(207,34,126)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#cf7422
```
#cf7422 rgb(207,116,34)
```

Analogous Color

#227ecf
```
#227ecf rgb(34,126,207)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#22cf74
```
#22cf74 rgb(34,207,116)
```

Split Complementary Color

#2227cf
```
#2227cf rgb(34,39,207)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#27cf22
```
#27cf22 rgb(39,207,34)
```

Triadic Color

#ca22cf
```
#ca22cf rgb(202,34,207)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#27cf22
```
#27cf22 rgb(39,207,34)
```
#22cfca
```
#22cfca rgb(34,207,202)
```

Tetradic Color

#8d171b
```
#8d171b rgb(141,23,27)
```
#a31b1f
```
#a31b1f rgb(163,27,31)
```
#b91e23
```
#b91e23 rgb(185,30,35)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#dd2e33
```
#dd2e33 rgb(221,46,51)
```
#e04448
```
#e04448 rgb(224,68,72)
```
#e45a5e
```
#e45a5e rgb(228,90,94)
```

Monochromatic Color

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

#cf2252
```
#cf2252 rgb(207,34,82)
```
#cf2244
```
#cf2244 rgb(207,34,68)
```
#cf2235
```
#cf2235 rgb(207,34,53)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#cf2b22
```
#cf2b22 rgb(207,43,34)
```
#cf3a22
```
#cf3a22 rgb(207,58,34)
```
#cf4822
```
#cf4822 rgb(207,72,34)
```

Similar Colors

Text with hexadecimal color #cf2227

This text has a font color of #cf2227.

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

#cf2227 background color

This paragraph has a background color of #cf2227.

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

#cf2227 border color

This element has a border color of #cf2227.

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

CSS codes

.text {color:#cf2227;}

.background {background-color:#cf2227;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160404
```
#160404 rgb(22,4,4)
```
#270607
```
#270607 rgb(39,6,7)
```
#37090a
```
#37090a rgb(55,9,10)
```
#480c0e
```
#480c0e rgb(72,12,14)
```
#590f11
```
#590f11 rgb(89,15,17)
```
#6a1114
```
#6a1114 rgb(106,17,20)
```
#7b1417
```
#7b1417 rgb(123,20,23)
```
#8c171a
```
#8c171a rgb(140,23,26)
```
#9c1a1d
```
#9c1a1d rgb(156,26,29)
```
#ad1c21
```
#ad1c21 rgb(173,28,33)
```
#be1f24
```
#be1f24 rgb(190,31,36)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```

Shade Color Variation

#dc292e
```
#dc292e rgb(220,41,46)
```
#df3a3e
```
#df3a3e rgb(223,58,62)
```
#e14a4f
```
#e14a4f rgb(225,74,79)
```
#e45b5f
```
#e45b5f rgb(228,91,95)
```
#e76c70
```
#e76c70 rgb(231,108,112)
```
#ea7d80
```
#ea7d80 rgb(234,125,128)
```
#ec8e91
```
#ec8e91 rgb(236,142,145)
```
#ef9fa1
```
#ef9fa1 rgb(239,159,161)
```
#f2b0b2
```
#f2b0b2 rgb(242,176,178)
```
#f5c0c2
```
#f5c0c2 rgb(245,192,194)
```
#f7d1d2
```
#f7d1d2 rgb(247,209,210)
```
#fae2e3
```
#fae2e3 rgb(250,226,227)
```
#fdf3f3
```
#fdf3f3 rgb(253,243,243)
```

Tint Color Variation

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

#7c7576
```
#7c7576 rgb(124,117,118)
```
#856c6d
```
#856c6d rgb(133,108,109)
```
#8e6364
```
#8e6364 rgb(142,99,100)
```
#975a5b
```
#975a5b rgb(151,90,91)
```
#a15053
```
#a15053 rgb(161,80,83)
```
#aa474a
```
#aa474a rgb(170,71,74)
```
#b33e41
```
#b33e41 rgb(179,62,65)
```
#bc3538
```
#bc3538 rgb(188,53,56)
```
#c62b30
```
#c62b30 rgb(198,43,48)
```
#cf2227
```
#cf2227 rgb(207,34,39)
```
#d8191e
```
#d8191e rgb(216,25,30)
```
#e20f16
```
#e20f16 rgb(226,15,22)
```
#eb060d
```
#eb060d rgb(235,6,13)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6e4c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7243 Protanopia 1% of men
#8e6c22 Deuteranopia 1% of men
#d12e2d Tritanopia 0.001% of the population

Trichromacy

#9a5539 Protanomaly 1% of men, 0.01% of women
#a55124 Deuteranomaly 6% of men, 0.4% of women
#d0292b Tritanomaly 0.01% of the population

#cf2227 hex color

#cf2227 Color Information

#cf2227 Color Conversion

Color Schemes with #cf2227

Alternatives to #cf2227

#cf2227 Preview

Shades and Tints of #cf2227

Tones of #cf2227

Color Blindness Simulator