#cc3343 Color Information
In a RGB color space, hex #cc3343 is composed of 80% red, 20% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 67.2% yellow and 20% black. It has a hue angle of 353.7 degrees, a saturation of 60% and a lightness of 50%. #cc3343 color hex could be obtained by blending #ff6686 with #990000. Closest websafe color is: #cc3333.
-
- R 80
- G 20
- B 26
-
- C 0
- M 75
- Y 67
- K 20
● #cc3343 color description : Strong red.
#cc3343 Color Conversion
The hexadecimal color #cc3343 has RGB values of R:204, G:51, B:67 and CMYK values of C:0, M:0.75, Y:0.67, K:0.2. Its decimal value is 13382467.
Hex triplet | cc3343 | #cc3343 |
---|---|---|
RGB Decimal | 204, 51, 67 | rgb(204,51,67) |
RGB Percent | 80, 20, 26.3 | rgb(80%,20%,26.3%) |
CMYK | 0, 75, 67, 20 | |
HSL | 353.7°, 60, 50 | hsl(353.7,60%,50%) |
HSV (or HSB) | 353.7°, 75, 80 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 46.463, 59.851, 27.971 |
---|---|
XYZ | 27.1, 15.613, 6.897 |
xyY | 0.546, 0.315, 15.613 |
CIE-LCH | 46.463, 66.065, 25.049 |
CIE-LUV | 46.463, 112.691, 18.109 |
Hunter-Lab | 39.514, 53.272, 17.311 |
Binary | 11001100, 00110011, 01000011 |
Color Schemes with #cc3343
Alternatives to #cc3343
Below, you can see some colors close to #cc3343. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc3343 Preview
This text has a font color of #cc3343.
<span style="color:#cc3343;">Text here</span>
This paragraph has a background color of #cc3343.
<p style="background-color:#cc3343;">Content here</p>
This element has a border color of #cc3343.
<div style="border:1px solid #cc3343;">Content here</div>
.text {color:#cc3343;}
.background {background-color:#cc3343;}
.border {border:1px solid #cc3343;}
Shades and Tints of #cc3343
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)
-
#3f1015
#3f1015
rgb(63,16,21)
-
#4e141a
#4e141a
rgb(78,20,26)
-
#5e181f
#5e181f
rgb(94,24,31)
-
#6e1b24
#6e1b24
rgb(110,27,36)
-
#7e1f29
#7e1f29
rgb(126,31,41)
-
#8d232e
#8d232e
rgb(141,35,46)
-
#9d2734
#9d2734
rgb(157,39,52)
-
#ad2b39
#ad2b39
rgb(173,43,57)
-
#bc2f3e
#bc2f3e
rgb(188,47,62)
-
#cc3343
#cc3343
rgb(204,51,67)
-
#d04351
#d04351
rgb(208,67,81)
-
#d45260
#d45260
rgb(212,82,96)
-
#d8626e
#d8626e
rgb(216,98,110)
-
#dc727d
#dc727d
rgb(220,114,125)
-
#e0818b
#e0818b
rgb(224,129,139)
-
#e4919a
#e4919a
rgb(228,145,154)
-
#e7a1a8
#e7a1a8
rgb(231,161,168)
-
#ebb1b7
#ebb1b7
rgb(235,177,183)
-
#efc0c5
#efc0c5
rgb(239,192,197)
-
#f3d0d4
#f3d0d4
rgb(243,208,212)
-
#f7e0e2
#f7e0e2
rgb(247,224,226)
-
#fbeff1
#fbeff1
rgb(251,239,241)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #cc3343
A tone is produced by adding gray to any pure hue. In this case, #877879 is the less saturated color, while #fd021c is the most saturated one.
-
#877879
#877879
rgb(135,120,121)
-
#916e72
#916e72
rgb(145,110,114)
-
#9b646a
#9b646a
rgb(155,100,106)
-
#a55a62
#a55a62
rgb(165,90,98)
-
#af505a
#af505a
rgb(175,80,90)
-
#b84753
#b84753
rgb(184,71,83)
-
#c23d4b
#c23d4b
rgb(194,61,75)
-
#cc3343
#cc3343
rgb(204,51,67)
-
#d6293b
#d6293b
rgb(214,41,59)
-
#e01f33
#e01f33
rgb(224,31,51)
-
#e9162c
#e9162c
rgb(233,22,44)
-
#f30c24
#f30c24
rgb(243,12,36)
-
#fd021c
#fd021c
rgb(253,2,28)
Color Blindness Simulator
Below, you can see how #cc3343 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.