#cf222e hex color

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

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

● #cf222e color description : Strong red.

The hexadecimal color #cf222e has RGB values of R:207, G:34, B:46 and CMYK values of C:0, M:0.84, Y:0.78, K:0.19. Its decimal value is 13574702.

Hex triplet	cf222e	`#cf222e`
RGB Decimal	207, 34, 46	`rgb(207,34,46)`
RGB Percent	81.2, 13.3, 18	`rgb(81.2%,13.3%,18%)`
CMYK	0, 84, 78, 19
HSL	355.8°, 71.8, 47.3	`hsl(355.8,71.8%,47.3%)`
HSV (or HSB)	355.8°, 83.6, 81.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.095, 64.522, 38.886
XYZ	26.799, 14.61, 3.994
xyY	0.59, 0.322, 14.61
CIE-LCH	45.095, 75.334, 31.077
CIE-LUV	45.095, 127.657, 24.302
Hunter-Lab	38.223, 58.258, 20.561
Binary	11001111, 00100010, 00101110

#cf222e
```
#cf222e rgb(207,34,46)
```
#22cfc3
```
#22cfc3 rgb(34,207,195)
```

Complementary Color

#cf2285
```
#cf2285 rgb(207,34,133)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#cf6d22
```
#cf6d22 rgb(207,109,34)
```

Analogous Color

#2285cf
```
#2285cf rgb(34,133,207)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#22cf6d
```
#22cf6d rgb(34,207,109)
```

Split Complementary Color

#222ecf
```
#222ecf rgb(34,46,207)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#2ecf22
```
#2ecf22 rgb(46,207,34)
```

Triadic Color

#c322cf
```
#c322cf rgb(195,34,207)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#2ecf22
```
#2ecf22 rgb(46,207,34)
```
#22cfc3
```
#22cfc3 rgb(34,207,195)
```

Tetradic Color

#8d171f
```
#8d171f rgb(141,23,31)
```
#a31b24
```
#a31b24 rgb(163,27,36)
```
#b91e29
```
#b91e29 rgb(185,30,41)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#dd2e3a
```
#dd2e3a rgb(221,46,58)
```
#e0444f
```
#e0444f rgb(224,68,79)
```
#e45a63
```
#e45a63 rgb(228,90,99)
```

Monochromatic Color

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

#cf2259
```
#cf2259 rgb(207,34,89)
```
#cf224b
```
#cf224b rgb(207,34,75)
```
#cf223c
```
#cf223c rgb(207,34,60)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#cf2422
```
#cf2422 rgb(207,36,34)
```
#cf3322
```
#cf3322 rgb(207,51,34)
```
#cf4122
```
#cf4122 rgb(207,65,34)
```

Similar Colors

Text with hexadecimal color #cf222e

This text has a font color of #cf222e.

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

#cf222e background color

This paragraph has a background color of #cf222e.

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

#cf222e border color

This element has a border color of #cf222e.

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

CSS codes

.text {color:#cf222e;}

.background {background-color:#cf222e;}

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

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 #fdf3f4 is the lightest one.

#050101
```
#050101 rgb(5,1,1)
```
#160405
```
#160405 rgb(22,4,5)
```
#270609
```
#270609 rgb(39,6,9)
```
#37090c
```
#37090c rgb(55,9,12)
```
#480c10
```
#480c10 rgb(72,12,16)
```
#590f14
```
#590f14 rgb(89,15,20)
```
#6a1118
```
#6a1118 rgb(106,17,24)
```
#7b141b
```
#7b141b rgb(123,20,27)
```
#8c171f
```
#8c171f rgb(140,23,31)
```
#9c1a23
```
#9c1a23 rgb(156,26,35)
```
#ad1c27
```
#ad1c27 rgb(173,28,39)
```
#be1f2a
```
#be1f2a rgb(190,31,42)
```
#cf222e
```
#cf222e rgb(207,34,46)
```

Shade Color Variation

#dc2935
```
#dc2935 rgb(220,41,53)
```
#df3a45
```
#df3a45 rgb(223,58,69)
```
#e14a55
```
#e14a55 rgb(225,74,85)
```
#e45b65
```
#e45b65 rgb(228,91,101)
```
#e76c75
```
#e76c75 rgb(231,108,117)
```
#ea7d85
```
#ea7d85 rgb(234,125,133)
```
#ec8e94
```
#ec8e94 rgb(236,142,148)
```
#ef9fa4
```
#ef9fa4 rgb(239,159,164)
```
#f2b0b4
```
#f2b0b4 rgb(242,176,180)
```
#f5c0c4
```
#f5c0c4 rgb(245,192,196)
```
#f7d1d4
```
#f7d1d4 rgb(247,209,212)
```
#fae2e4
```
#fae2e4 rgb(250,226,228)
```
#fdf3f4
```
#fdf3f4 rgb(253,243,244)
```

Tint Color Variation

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

#7c7576
```
#7c7576 rgb(124,117,118)
```
#856c6e
```
#856c6e rgb(133,108,110)
```
#8e6366
```
#8e6366 rgb(142,99,102)
```
#975a5e
```
#975a5e rgb(151,90,94)
```
#a15056
```
#a15056 rgb(161,80,86)
```
#aa474e
```
#aa474e rgb(170,71,78)
```
#b33e46
```
#b33e46 rgb(179,62,70)
```
#bc353e
```
#bc353e rgb(188,53,62)
```
#c62b36
```
#c62b36 rgb(198,43,54)
```
#cf222e
```
#cf222e rgb(207,34,46)
```
#d81926
```
#d81926 rgb(216,25,38)
```
#e20f1e
```
#e20f1e rgb(226,15,30)
```
#eb0616
```
#eb0616 rgb(235,6,22)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6f4c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c724b Protanopia 1% of men
#8d6d2b Deuteranopia 1% of men
#d12f2f Tritanopia 0.001% of the population

Trichromacy

#9a5540 Protanomaly 1% of men, 0.01% of women
#a5512c Deuteranomaly 6% of men, 0.4% of women
#d02a2e Tritanomaly 0.01% of the population

#cf222e hex color

#cf222e Color Information

#cf222e Color Conversion

Color Schemes with #cf222e

Alternatives to #cf222e

#cf222e Preview

Shades and Tints of #cf222e

Tones of #cf222e

Color Blindness Simulator