#cc221f Color Information
In a RGB color space, hex #cc221f is composed of 80% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 84.8% yellow and 20% black. It has a hue angle of 1 degrees, a saturation of 73.6% and a lightness of 46.1%. #cc221f color hex could be obtained by blending #ff443e with #990000. Closest websafe color is: #cc3333.
-
- R 80
- G 13
- B 12
-
- C 0
- M 83
- Y 85
- K 20
● #cc221f color description : Strong red.
#cc221f Color Conversion
The hexadecimal color #cc221f has RGB values of R:204, G:34, B:31 and CMYK values of C:0, M:0.83, Y:0.85, K:0.2. Its decimal value is 13378079.
Hex triplet | cc221f | #cc221f |
---|---|---|
RGB Decimal | 204, 34, 31 | rgb(204,34,31) |
RGB Percent | 80, 13.3, 12.2 | rgb(80%,13.3%,12.2%) |
CMYK | 0, 83, 85, 20 | |
HSL | 1°, 73.6, 46.1 | hsl(1,73.6%,46.1%) |
HSV (or HSB) | 1°, 84.8, 80 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 44.353, 63.276, 46.022 |
---|---|
XYZ | 25.723, 14.084, 2.66 |
xyY | 0.606, 0.332, 14.084 |
CIE-LCH | 44.353, 78.242, 36.029 |
CIE-LUV | 44.353, 128.112, 28.316 |
Hunter-Lab | 37.528, 56.673, 22.067 |
Binary | 11001100, 00100010, 00011111 |
Color Schemes with #cc221f
Alternatives to #cc221f
Below, you can see some colors close to #cc221f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc221f Preview
This text has a font color of #cc221f.
<span style="color:#cc221f;">Text here</span>
This paragraph has a background color of #cc221f.
<p style="background-color:#cc221f;">Content here</p>
This element has a border color of #cc221f.
<div style="border:1px solid #cc221f;">Content here</div>
.text {color:#cc221f;}
.background {background-color:#cc221f;}
.border {border:1px solid #cc221f;}
Shades and Tints of #cc221f
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, #110303 is the darkest color, while #ffffff is the lightest one.
-
#110303
#110303
rgb(17,3,3)
-
#220605
#220605
rgb(34,6,5)
-
#330808
#330808
rgb(51,8,8)
-
#440b0a
#440b0a
rgb(68,11,10)
-
#550e0d
#550e0d
rgb(85,14,13)
-
#66110f
#66110f
rgb(102,17,15)
-
#771412
#771412
rgb(119,20,18)
-
#881715
#881715
rgb(136,23,21)
-
#991917
#991917
rgb(153,25,23)
-
#aa1c1a
#aa1c1a
rgb(170,28,26)
-
#bb1f1c
#bb1f1c
rgb(187,31,28)
-
#cc221f
#cc221f
rgb(204,34,31)
-
#dd2522
#dd2522
rgb(221,37,34)
-
#e03532
#e03532
rgb(224,53,50)
-
#e24643
#e24643
rgb(226,70,67)
-
#e55754
#e55754
rgb(229,87,84)
-
#e86865
#e86865
rgb(232,104,101)
-
#ea7876
#ea7876
rgb(234,120,118)
-
#ed8987
#ed8987
rgb(237,137,135)
-
#ef9a98
#ef9a98
rgb(239,154,152)
-
#f2abaa
#f2abaa
rgb(242,171,170)
-
#f5bcbb
#f5bcbb
rgb(245,188,187)
-
#f7cccc
#f7cccc
rgb(247,204,204)
-
#fadddd
#fadddd
rgb(250,221,221)
-
#fceeee
#fceeee
rgb(252,238,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #cc221f
A tone is produced by adding gray to any pure hue. In this case, #7b7170 is the less saturated color, while #e70804 is the most saturated one.
-
#7b7170
#7b7170
rgb(123,113,112)
-
#846867
#846867
rgb(132,104,103)
-
#8d5f5e
#8d5f5e
rgb(141,95,94)
-
#965655
#965655
rgb(150,86,85)
-
#9f4e4c
#9f4e4c
rgb(159,78,76)
-
#a84543
#a84543
rgb(168,69,67)
-
#b13c3a
#b13c3a
rgb(177,60,58)
-
#ba3331
#ba3331
rgb(186,51,49)
-
#c32b28
#c32b28
rgb(195,43,40)
-
#cc221f
#cc221f
rgb(204,34,31)
-
#d51916
#d51916
rgb(213,25,22)
-
#de110d
#de110d
rgb(222,17,13)
-
#e70804
#e70804
rgb(231,8,4)
Color Blindness Simulator
Below, you can see how #cc221f 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.