#cc3342 Color Information
In a RGB color space, hex #cc3342 is composed of 80% red, 20% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 67.6% yellow and 20% black. It has a hue angle of 354.1 degrees, a saturation of 60% and a lightness of 50%. #cc3342 color hex could be obtained by blending #ff6684 with #990000. Closest websafe color is: #cc3333.
-
- R 80
- G 20
- B 26
-
- C 0
- M 75
- Y 68
- K 20
● #cc3342 color description : Strong red.
#cc3342 Color Conversion
The hexadecimal color #cc3342 has RGB values of R:204, G:51, B:66 and CMYK values of C:0, M:0.75, Y:0.68, K:0.2. Its decimal value is 13382466.
Hex triplet | cc3342 | #cc3342 |
---|---|---|
RGB Decimal | 204, 51, 66 | rgb(204,51,66) |
RGB Percent | 80, 20, 25.9 | rgb(80%,20%,25.9%) |
CMYK | 0, 75, 68, 20 | |
HSL | 354.1°, 60, 50 | hsl(354.1,60%,50%) |
HSV (or HSB) | 354.1°, 75, 80 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 46.447, 59.799, 28.552 |
---|---|
XYZ | 27.07, 15.602, 6.74 |
xyY | 0.548, 0.316, 15.602 |
CIE-LCH | 46.447, 66.266, 25.523 |
CIE-LUV | 46.447, 112.957, 18.598 |
Hunter-Lab | 39.499, 53.211, 17.532 |
Binary | 11001100, 00110011, 01000010 |
Color Schemes with #cc3342
Alternatives to #cc3342
Below, you can see some colors close to #cc3342. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc3342 Preview
This text has a font color of #cc3342.
<span style="color:#cc3342;">Text here</span>
This paragraph has a background color of #cc3342.
<p style="background-color:#cc3342;">Content here</p>
This element has a border color of #cc3342.
<div style="border:1px solid #cc3342;">Content here</div>
.text {color:#cc3342;}
.background {background-color:#cc3342;}
.border {border:1px solid #cc3342;}
Shades and Tints of #cc3342
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, #100405 is the darkest color, while #ffffff is the lightest one.
-
#100405
#100405
rgb(16,4,5)
-
#1f080a
#1f080a
rgb(31,8,10)
-
#2f0c0f
#2f0c0f
rgb(47,12,15)
-
#3f1014
#3f1014
rgb(63,16,20)
-
#4e1419
#4e1419
rgb(78,20,25)
-
#5e181e
#5e181e
rgb(94,24,30)
-
#6e1b24
#6e1b24
rgb(110,27,36)
-
#7e1f29
#7e1f29
rgb(126,31,41)
-
#8d232e
#8d232e
rgb(141,35,46)
-
#9d2733
#9d2733
rgb(157,39,51)
-
#ad2b38
#ad2b38
rgb(173,43,56)
-
#bc2f3d
#bc2f3d
rgb(188,47,61)
-
#cc3342
#cc3342
rgb(204,51,66)
-
#d04351
#d04351
rgb(208,67,81)
-
#d4525f
#d4525f
rgb(212,82,95)
-
#d8626e
#d8626e
rgb(216,98,110)
-
#dc727c
#dc727c
rgb(220,114,124)
-
#e0818b
#e0818b
rgb(224,129,139)
-
#e49199
#e49199
rgb(228,145,153)
-
#e7a1a8
#e7a1a8
rgb(231,161,168)
-
#ebb1b6
#ebb1b6
rgb(235,177,182)
-
#efc0c5
#efc0c5
rgb(239,192,197)
-
#f3d0d3
#f3d0d3
rgb(243,208,211)
-
#f7e0e2
#f7e0e2
rgb(247,224,226)
-
#fbeff0
#fbeff0
rgb(251,239,240)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #cc3342
A tone is produced by adding gray to any pure hue. In this case, #877879 is the less saturated color, while #fd021b is the most saturated one.
-
#877879
#877879
rgb(135,120,121)
-
#916e71
#916e71
rgb(145,110,113)
-
#9b6469
#9b6469
rgb(155,100,105)
-
#a55a62
#a55a62
rgb(165,90,98)
-
#af505a
#af505a
rgb(175,80,90)
-
#b84752
#b84752
rgb(184,71,82)
-
#c23d4a
#c23d4a
rgb(194,61,74)
-
#cc3342
#cc3342
rgb(204,51,66)
-
#d6293a
#d6293a
rgb(214,41,58)
-
#e01f32
#e01f32
rgb(224,31,50)
-
#e9162a
#e9162a
rgb(233,22,42)
-
#f30c22
#f30c22
rgb(243,12,34)
-
#fd021b
#fd021b
rgb(253,2,27)
Color Blindness Simulator
Below, you can see how #cc3342 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.