#cc342f Color Information
In a RGB color space, hex #cc342f is composed of 80% red, 20.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.5% magenta, 77% yellow and 20% black. It has a hue angle of 1.9 degrees, a saturation of 62.5% and a lightness of 49.2%. #cc342f color hex could be obtained by blending #ff685e with #990000. Closest websafe color is: #cc3333.
-
- R 80
- G 20
- B 18
-
- C 0
- M 75
- Y 77
- K 20
● #cc342f color description : Strong red.
#cc342f Color Conversion
The hexadecimal color #cc342f has RGB values of R:204, G:52, B:47 and CMYK values of C:0, M:0.75, Y:0.77, K:0.2. Its decimal value is 13382703.
Hex triplet | cc342f | #cc342f |
---|---|---|
RGB Decimal | 204, 52, 47 | rgb(204,52,47) |
RGB Percent | 80, 20.4, 18.4 | rgb(80%,20.4%,18.4%) |
CMYK | 0, 75, 77, 20 | |
HSL | 1.9°, 62.5, 49.2 | hsl(1.9,62.5%,49.2%) |
HSV (or HSB) | 1.9°, 77, 80 | |
Web Safe | cc3333 | #cc3333 |
CIE-LAB | 46.314, 58.639, 39.444 |
---|---|
XYZ | 26.644, 15.502, 4.278 |
xyY | 0.574, 0.334, 15.502 |
CIE-LCH | 46.314, 70.671, 33.927 |
CIE-LUV | 46.314, 116.79, 26.84 |
Hunter-Lab | 39.372, 51.894, 21.118 |
Binary | 11001100, 00110100, 00101111 |
Color Schemes with #cc342f
Alternatives to #cc342f
Below, you can see some colors close to #cc342f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc342f Preview
This text has a font color of #cc342f.
<span style="color:#cc342f;">Text here</span>
This paragraph has a background color of #cc342f.
<p style="background-color:#cc342f;">Content here</p>
This element has a border color of #cc342f.
<div style="border:1px solid #cc342f;">Content here</div>
.text {color:#cc342f;}
.background {background-color:#cc342f;}
.border {border:1px solid #cc342f;}
Shades and Tints of #cc342f
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, #0d0303 is the darkest color, while #fefcfc is the lightest one.
-
#0d0303
#0d0303
rgb(13,3,3)
-
#1d0707
#1d0707
rgb(29,7,7)
-
#2d0b0a
#2d0b0a
rgb(45,11,10)
-
#3d0f0e
#3d0f0e
rgb(61,15,14)
-
#4c1312
#4c1312
rgb(76,19,18)
-
#5c1815
#5c1815
rgb(92,24,21)
-
#6c1c19
#6c1c19
rgb(108,28,25)
-
#7c201d
#7c201d
rgb(124,32,29)
-
#8c2420
#8c2420
rgb(140,36,32)
-
#9c2824
#9c2824
rgb(156,40,36)
-
#ac2c28
#ac2c28
rgb(172,44,40)
-
#bc302b
#bc302b
rgb(188,48,43)
-
#cc342f
#cc342f
rgb(204,52,47)
-
#d2413c
#d2413c
rgb(210,65,60)
-
#d6514c
#d6514c
rgb(214,81,76)
-
#da605c
#da605c
rgb(218,96,92)
-
#dd706c
#dd706c
rgb(221,112,108)
-
#e17f7c
#e17f7c
rgb(225,127,124)
-
#e58f8c
#e58f8c
rgb(229,143,140)
-
#e89f9c
#e89f9c
rgb(232,159,156)
-
#ecaeac
#ecaeac
rgb(236,174,172)
-
#f0bebc
#f0bebc
rgb(240,190,188)
-
#f3cdcc
#f3cdcc
rgb(243,205,204)
-
#f7dddc
#f7dddc
rgb(247,221,220)
-
#fbecec
#fbecec
rgb(251,236,236)
-
#fefcfc
#fefcfc
rgb(254,252,252)
Tones of #cc342f
A tone is produced by adding gray to any pure hue. In this case, #7f7c7c is the less saturated color, while #f31008 is the most saturated one.
-
#7f7c7c
#7f7c7c
rgb(127,124,124)
-
#887373
#887373
rgb(136,115,115)
-
#926a69
#926a69
rgb(146,106,105)
-
#9c615f
#9c615f
rgb(156,97,95)
-
#a55856
#a55856
rgb(165,88,86)
-
#af4f4c
#af4f4c
rgb(175,79,76)
-
#b94642
#b94642
rgb(185,70,66)
-
#c23d39
#c23d39
rgb(194,61,57)
-
#cc342f
#cc342f
rgb(204,52,47)
-
#d62b25
#d62b25
rgb(214,43,37)
-
#df221c
#df221c
rgb(223,34,28)
-
#e91912
#e91912
rgb(233,25,18)
-
#f31008
#f31008
rgb(243,16,8)
Color Blindness Simulator
Below, you can see how #cc342f 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.