#cc2224 Color Information
In a RGB color space, hex #cc2224 is composed of 80% red, 13.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 82.4% yellow and 20% black. It has a hue angle of 359.3 degrees, a saturation of 71.4% and a lightness of 46.7%. #cc2224 color hex could be obtained by blending #ff4448 with #990000. Closest websafe color is: #cc3333.
-
- R 80
- G 13
- B 14
-
- C 0
- M 83
- Y 82
- K 20
● #cc2224 color description : Strong red.
#cc2224 Color Conversion
The hexadecimal color #cc2224 has RGB values of R:204, G:34, B:36 and CMYK values of C:0, M:0.83, Y:0.82, K:0.2. Its decimal value is 13378084.
Hex triplet | cc2224 | #cc2224 |
---|---|---|
RGB Decimal | 204, 34, 36 | rgb(204,34,36) |
RGB Percent | 80, 13.3, 14.1 | rgb(80%,13.3%,14.1%) |
CMYK | 0, 83, 82, 20 | |
HSL | 359.3°, 71.4, 46.7 | hsl(359.3,71.4%,46.7%) |
HSV (or HSB) | 359.3°, 83.3, 80 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 44.393, 63.398, 43.487 |
---|---|
XYZ | 25.794, 14.112, 3.035 |
xyY | 0.601, 0.329, 14.112 |
CIE-LCH | 44.393, 76.88, 34.448 |
CIE-LUV | 44.393, 127.302, 26.978 |
Hunter-Lab | 37.566, 56.821, 21.506 |
Binary | 11001100, 00100010, 00100100 |
Color Schemes with #cc2224
Alternatives to #cc2224
Below, you can see some colors close to #cc2224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc2224 Preview
This text has a font color of #cc2224.
<span style="color:#cc2224;">Text here</span>
This paragraph has a background color of #cc2224.
<p style="background-color:#cc2224;">Content here</p>
This element has a border color of #cc2224.
<div style="border:1px solid #cc2224;">Content here</div>
.text {color:#cc2224;}
.background {background-color:#cc2224;}
.border {border:1px solid #cc2224;}
Shades and Tints of #cc2224
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)
-
#130303
#130303
rgb(19,3,3)
-
#240606
#240606
rgb(36,6,6)
-
#350909
#350909
rgb(53,9,9)
-
#450c0c
#450c0c
rgb(69,12,12)
-
#560e0f
#560e0f
rgb(86,14,15)
-
#671112
#671112
rgb(103,17,18)
-
#781415
#781415
rgb(120,20,21)
-
#891718
#891718
rgb(137,23,24)
-
#9a1a1b
#9a1a1b
rgb(154,26,27)
-
#aa1c1e
#aa1c1e
rgb(170,28,30)
-
#bb1f21
#bb1f21
rgb(187,31,33)
-
#cc2224
#cc2224
rgb(204,34,36)
-
#db2729
#db2729
rgb(219,39,41)
-
#de3739
#de3739
rgb(222,55,57)
-
#e1484a
#e1484a
rgb(225,72,74)
-
#e3595b
#e3595b
rgb(227,89,91)
-
#e66a6b
#e66a6b
rgb(230,106,107)
-
#e97b7c
#e97b7c
rgb(233,123,124)
-
#ec8c8d
#ec8c8d
rgb(236,140,141)
-
#ef9c9d
#ef9c9d
rgb(239,156,157)
-
#f1adae
#f1adae
rgb(241,173,174)
-
#f4bebf
#f4bebf
rgb(244,190,191)
-
#f7cfcf
#f7cfcf
rgb(247,207,207)
-
#fae0e0
#fae0e0
rgb(250,224,224)
-
#fdf0f1
#fdf0f1
rgb(253,240,241)
Tones of #cc2224
A tone is produced by adding gray to any pure hue. In this case, #7a7474 is the less saturated color, while #e70709 is the most saturated one.
-
#7a7474
#7a7474
rgb(122,116,116)
-
#836b6c
#836b6c
rgb(131,107,108)
-
#8c6263
#8c6263
rgb(140,98,99)
-
#95595a
#95595a
rgb(149,89,90)
-
#9e5051
#9e5051
rgb(158,80,81)
-
#a74748
#a74748
rgb(167,71,72)
-
#b13d3f
#b13d3f
rgb(177,61,63)
-
#ba3436
#ba3436
rgb(186,52,54)
-
#c32b2d
#c32b2d
rgb(195,43,45)
-
#cc2224
#cc2224
rgb(204,34,36)
-
#d5191b
#d5191b
rgb(213,25,27)
-
#de1012
#de1012
rgb(222,16,18)
-
#e70709
#e70709
rgb(231,7,9)
Color Blindness Simulator
Below, you can see how #cc2224 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.