#cb222f hex color

In a RGB color space, hex #cb222f is composed of 79.6% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 76.8% yellow and 20.4% black. It has a hue angle of 355.4 degrees, a saturation of 71.3% and a lightness of 46.5%. #cb222f color hex could be obtained by blending #ff445e with #970000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 13
- B 18
RGB color chart
- C 0
- M 83
- Y 77
- K 20
CMYK color chart

● #cb222f color description : Strong red.

The hexadecimal color #cb222f has RGB values of R:203, G:34, B:47 and CMYK values of C:0, M:0.83, Y:0.77, K:0.2. Its decimal value is 13312559.

Hex triplet	cb222f	`#cb222f`
RGB Decimal	203, 34, 47	`rgb(203,34,47)`
RGB Percent	79.6, 13.3, 18.4	`rgb(79.6%,13.3%,18.4%)`
CMYK	0, 83, 77, 20
HSL	355.4°, 71.3, 46.5	`hsl(355.4,71.3%,46.5%)`
HSV (or HSB)	355.4°, 83.3, 79.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.303, 63.457, 37.226
XYZ	25.715, 14.049, 4.047
xyY	0.587, 0.321, 14.049
CIE-LCH	44.303, 73.57, 30.397
CIE-LUV	44.303, 124.364, 23.208
Hunter-Lab	37.482, 56.869, 19.836
Binary	11001011, 00100010, 00101111

#cb222f
```
#cb222f rgb(203,34,47)
```
#22cbbe
```
#22cbbe rgb(34,203,190)
```

Complementary Color

#cb2284
```
#cb2284 rgb(203,34,132)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#cb6a22
```
#cb6a22 rgb(203,106,34)
```

Analogous Color

#2284cb
```
#2284cb rgb(34,132,203)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#22cb6a
```
#22cb6a rgb(34,203,106)
```

Split Complementary Color

#222fcb
```
#222fcb rgb(34,47,203)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#2fcb22
```
#2fcb22 rgb(47,203,34)
```

Triadic Color

#be22cb
```
#be22cb rgb(190,34,203)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#2fcb22
```
#2fcb22 rgb(47,203,34)
```
#22cbbe
```
#22cbbe rgb(34,203,190)
```

Tetradic Color

#891720
```
#891720 rgb(137,23,32)
```
#9f1b25
```
#9f1b25 rgb(159,27,37)
```
#b51e2a
```
#b51e2a rgb(181,30,42)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#db2b39
```
#db2b39 rgb(219,43,57)
```
#df414d
```
#df414d rgb(223,65,77)
```
#e35761
```
#e35761 rgb(227,87,97)
```

Monochromatic Color

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

#cb2259
```
#cb2259 rgb(203,34,89)
```
#cb224b
```
#cb224b rgb(203,34,75)
```
#cb223d
```
#cb223d rgb(203,34,61)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#cb2322
```
#cb2322 rgb(203,35,34)
```
#cb3122
```
#cb3122 rgb(203,49,34)
```
#cb3f22
```
#cb3f22 rgb(203,63,34)
```

Similar Colors

Text with hexadecimal color #cb222f

This text has a font color of #cb222f.

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

#cb222f background color

This paragraph has a background color of #cb222f.

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

#cb222f border color

This element has a border color of #cb222f.

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

CSS codes

.text {color:#cb222f;}

.background {background-color:#cb222f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120304
```
#120304 rgb(18,3,4)
```
#230608
```
#230608 rgb(35,6,8)
```
#34090c
```
#34090c rgb(52,9,12)
```
#450b10
```
#450b10 rgb(69,11,16)
```
#550e14
```
#550e14 rgb(85,14,20)
```
#661118
```
#661118 rgb(102,17,24)
```
#77141c
```
#77141c rgb(119,20,28)
```
#88171f
```
#88171f rgb(136,23,31)
```
#991a23
```
#991a23 rgb(153,26,35)
```
#a91c27
```
#a91c27 rgb(169,28,39)
```
#ba1f2b
```
#ba1f2b rgb(186,31,43)
```
#cb222f
```
#cb222f rgb(203,34,47)
```

Shade Color Variation

#db2634
```
#db2634 rgb(219,38,52)
```
#dd3744
```
#dd3744 rgb(221,55,68)
```
#e04853
```
#e04853 rgb(224,72,83)
```
#e35863
```
#e35863 rgb(227,88,99)
```
#e66973
```
#e66973 rgb(230,105,115)
```
#e97a82
```
#e97a82 rgb(233,122,130)
```
#ec8b92
```
#ec8b92 rgb(236,139,146)
```
#ee9ca2
```
#ee9ca2 rgb(238,156,162)
```
#f1acb2
```
#f1acb2 rgb(241,172,178)
```
#f4bdc1
```
#f4bdc1 rgb(244,189,193)
```
#f7ced1
```
#f7ced1 rgb(247,206,209)
```
#fadfe1
```
#fadfe1 rgb(250,223,225)
```
#fcf0f1
```
#fcf0f1 rgb(252,240,241)
```

Tint Color Variation

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

#797474
```
#797474 rgb(121,116,116)
```
#826b6d
```
#826b6d rgb(130,107,109)
```
#8b6265
```
#8b6265 rgb(139,98,101)
```
#94595d
```
#94595d rgb(148,89,93)
```
#9d5056
```
#9d5056 rgb(157,80,86)
```
#a7464e
```
#a7464e rgb(167,70,78)
```
#b03d46
```
#b03d46 rgb(176,61,70)
```
#b9343e
```
#b9343e rgb(185,52,62)
```
#c22b37
```
#c22b37 rgb(194,43,55)
```
#cb222f
```
#cb222f rgb(203,34,47)
```
#d41927
```
#d41927 rgb(212,25,39)
```
#dd1020
```
#dd1020 rgb(221,16,32)
```
#e60718
```
#e60718 rgb(230,7,24)
```

Tone Color Variation

Below, you can see how #cb222f 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
#6d4c4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#79704c Protanopia 1% of men
#8b6b2d Deuteranopia 1% of men
#cd2f2f Tritanopia 0.001% of the population

Trichromacy

#975341 Protanomaly 1% of men, 0.01% of women
#a2502d Deuteranomaly 6% of men, 0.4% of women
#cc2a2f Tritanomaly 0.01% of the population

#cb222f hex color

#cb222f Color Information

#cb222f Color Conversion

Color Schemes with #cb222f

Alternatives to #cb222f

#cb222f Preview

Shades and Tints of #cb222f

Tones of #cb222f

Color Blindness Simulator