#cc0033 Color Information
In a RGB color space, hex #cc0033 is composed of 80% red, 0% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 75% yellow and 20% black. It has a hue angle of 345 degrees, a saturation of 100% and a lightness of 40%. #cc0033 color hex could be obtained by blending #ff0066 with #990000. #cc0033 (or #c03) is a websafe color.
-
- R 80
- G 0
- B 20
-
- C 0
- M 100
- Y 75
- K 20
● #cc0033 color description : Strong red.
#cc0033 Color Conversion
The hexadecimal color #cc0033 has RGB values of R:204, G:0, B:51 and CMYK values of C:0, M:1, Y:0.75, K:0.2. Its decimal value is 13369395.
Hex triplet | cc0033 | #cc0033 |
---|---|---|
RGB Decimal | 204, 0, 51 | rgb(204,0,51) |
RGB Percent | 80, 0, 20 | rgb(80%,0%,20%) |
CMYK | 0, 100, 75, 20 | |
HSL | 345°, 100, 40 | hsl(345,100%,40%) |
HSV (or HSB) | 345°, 100, 80 | |
Web Safe | cc0033 | #cc0033 |
CIE-LAB | 42.883, 68.677, 33.342 |
---|---|
XYZ | 25.501, 13.08, 4.314 |
xyY | 0.595, 0.305, 13.08 |
CIE-LCH | 42.883, 76.343, 25.896 |
CIE-LUV | 42.883, 132.059, 18.599 |
Hunter-Lab | 36.166, 62.571, 18.244 |
Binary | 11001100, 00000000, 00110011 |
Color Schemes with #cc0033
Alternatives to #cc0033
Below, you can see some colors close to #cc0033. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc0033 Preview
This text has a font color of #cc0033.
<span style="color:#cc0033;">Text here</span>
This paragraph has a background color of #cc0033.
<p style="background-color:#cc0033;">Content here</p>
This element has a border color of #cc0033.
<div style="border:1px solid #cc0033;">Content here</div>
.text {color:#cc0033;}
.background {background-color:#cc0033;}
.border {border:1px solid #cc0033;}
Shades and Tints of #cc0033
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, #080002 is the darkest color, while #fff3f6 is the lightest one.
-
#080002
#080002
rgb(8,0,2)
-
#1b0007
#1b0007
rgb(27,0,7)
-
#2f000c
#2f000c
rgb(47,0,12)
-
#430011
#430011
rgb(67,0,17)
-
#560016
#560016
rgb(86,0,22)
-
#6a001a
#6a001a
rgb(106,0,26)
-
#7e001f
#7e001f
rgb(126,0,31)
-
#910024
#910024
rgb(145,0,36)
-
#a50029
#a50029
rgb(165,0,41)
-
#b8002e
#b8002e
rgb(184,0,46)
-
#cc0033
#cc0033
rgb(204,0,51)
-
#e00038
#e00038
rgb(224,0,56)
-
#f3003d
#f3003d
rgb(243,0,61)
-
#ff0846
#ff0846
rgb(255,8,70)
-
#ff1b54
#ff1b54
rgb(255,27,84)
-
#ff2f63
#ff2f63
rgb(255,47,99)
-
#ff4372
#ff4372
rgb(255,67,114)
-
#ff5680
#ff5680
rgb(255,86,128)
-
#ff6a8f
#ff6a8f
rgb(255,106,143)
-
#ff7e9e
#ff7e9e
rgb(255,126,158)
-
#ff91ad
#ff91ad
rgb(255,145,173)
-
#ffa5bb
#ffa5bb
rgb(255,165,187)
-
#ffb8ca
#ffb8ca
rgb(255,184,202)
-
#ffccd9
#ffccd9
rgb(255,204,217)
-
#ffe0e7
#ffe0e7
rgb(255,224,231)
-
#fff3f6
#fff3f6
rgb(255,243,246)
Tones of #cc0033
A tone is produced by adding gray to any pure hue. In this case, #6e5e62 is the less saturated color, while #cc0033 is the most saturated one.
-
#6e5e62
#6e5e62
rgb(110,94,98)
-
#76565e
#76565e
rgb(118,86,94)
-
#7e4e5a
#7e4e5a
rgb(126,78,90)
-
#854756
#854756
rgb(133,71,86)
-
#8d3f52
#8d3f52
rgb(141,63,82)
-
#95374e
#95374e
rgb(149,55,78)
-
#9d2f4b
#9d2f4b
rgb(157,47,75)
-
#a52747
#a52747
rgb(165,39,71)
-
#ad1f43
#ad1f43
rgb(173,31,67)
-
#b4183f
#b4183f
rgb(180,24,63)
-
#bc103b
#bc103b
rgb(188,16,59)
-
#c40837
#c40837
rgb(196,8,55)
-
#cc0033
#cc0033
rgb(204,0,51)
Color Blindness Simulator
Below, you can see how #cc0033 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.