#cc2227 Color Information
In a RGB color space, hex #cc2227 is composed of 80% red, 13.3% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 80.9% yellow and 20% black. It has a hue angle of 358.2 degrees, a saturation of 71.4% and a lightness of 46.7%. #cc2227 color hex could be obtained by blending #ff444e with #990000. Closest websafe color is: #cc3333.
-
- R 80
- G 13
- B 15
-
- C 0
- M 83
- Y 81
- K 20
● #cc2227 color description : Strong red.
#cc2227 Color Conversion
The hexadecimal color #cc2227 has RGB values of R:204, G:34, B:39 and CMYK values of C:0, M:0.83, Y:0.81, K:0.2. Its decimal value is 13378087.
Hex triplet | cc2227 | #cc2227 |
---|---|---|
RGB Decimal | 204, 34, 39 | rgb(204,34,39) |
RGB Percent | 80, 13.3, 15.3 | rgb(80%,13.3%,15.3%) |
CMYK | 0, 83, 81, 20 | |
HSL | 358.2°, 71.4, 46.7 | hsl(358.2,71.4%,46.7%) |
HSV (or HSB) | 358.2°, 83.3, 80 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 44.42, 63.481, 41.903 |
---|---|
XYZ | 25.841, 14.131, 3.286 |
xyY | 0.597, 0.327, 14.131 |
CIE-LCH | 44.42, 76.063, 33.429 |
CIE-LUV | 44.42, 126.763, 26.088 |
Hunter-Lab | 37.591, 56.921, 21.131 |
Binary | 11001100, 00100010, 00100111 |
Color Schemes with #cc2227
Alternatives to #cc2227
Below, you can see some colors close to #cc2227. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc2227 Preview
This text has a font color of #cc2227.
<span style="color:#cc2227;">Text here</span>
This paragraph has a background color of #cc2227.
<p style="background-color:#cc2227;">Content here</p>
This element has a border color of #cc2227.
<div style="border:1px solid #cc2227;">Content here</div>
.text {color:#cc2227;}
.background {background-color:#cc2227;}
.border {border:1px solid #cc2227;}
Shades and Tints of #cc2227
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, #020000 is the darkest color, while #fdf0f1 is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#130304
#130304
rgb(19,3,4)
-
#240607
#240607
rgb(36,6,7)
-
#35090a
#35090a
rgb(53,9,10)
-
#450c0d
#450c0d
rgb(69,12,13)
-
#560e11
#560e11
rgb(86,14,17)
-
#671114
#671114
rgb(103,17,20)
-
#781417
#781417
rgb(120,20,23)
-
#89171a
#89171a
rgb(137,23,26)
-
#9a1a1d
#9a1a1d
rgb(154,26,29)
-
#aa1c21
#aa1c21
rgb(170,28,33)
-
#bb1f24
#bb1f24
rgb(187,31,36)
-
#cc2227
#cc2227
rgb(204,34,39)
-
#db272c
#db272c
rgb(219,39,44)
-
#de373c
#de373c
rgb(222,55,60)
-
#e1484d
#e1484d
rgb(225,72,77)
-
#e3595d
#e3595d
rgb(227,89,93)
-
#e66a6e
#e66a6e
rgb(230,106,110)
-
#e97b7e
#e97b7e
rgb(233,123,126)
-
#ec8c8e
#ec8c8e
rgb(236,140,142)
-
#ef9c9f
#ef9c9f
rgb(239,156,159)
-
#f1adaf
#f1adaf
rgb(241,173,175)
-
#f4bec0
#f4bec0
rgb(244,190,192)
-
#f7cfd0
#f7cfd0
rgb(247,207,208)
-
#fae0e0
#fae0e0
rgb(250,224,224)
-
#fdf0f1
#fdf0f1
rgb(253,240,241)
Tones of #cc2227
A tone is produced by adding gray to any pure hue. In this case, #7a7475 is the less saturated color, while #e7070d is the most saturated one.
-
#7a7475
#7a7475
rgb(122,116,117)
-
#836b6c
#836b6c
rgb(131,107,108)
-
#8c6263
#8c6263
rgb(140,98,99)
-
#95595b
#95595b
rgb(149,89,91)
-
#9e5052
#9e5052
rgb(158,80,82)
-
#a74749
#a74749
rgb(167,71,73)
-
#b13d41
#b13d41
rgb(177,61,65)
-
#ba3438
#ba3438
rgb(186,52,56)
-
#c32b30
#c32b30
rgb(195,43,48)
-
#cc2227
#cc2227
rgb(204,34,39)
-
#d5191e
#d5191e
rgb(213,25,30)
-
#de1016
#de1016
rgb(222,16,22)
-
#e7070d
#e7070d
rgb(231,7,13)
Color Blindness Simulator
Below, you can see how #cc2227 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.