#cc3101 Color Information
In a RGB color space, hex #cc3101 is composed of 80% red, 19.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 99.5% yellow and 20% black. It has a hue angle of 14.2 degrees, a saturation of 99% and a lightness of 40.2%. #cc3101 color hex could be obtained by blending #ff6202 with #990000. Closest websafe color is: #cc3300.
-
- R 80
- G 19
- B 0
-
- C 0
- M 76
- Y 100
- K 20
● #cc3101 color description : Strong red.
#cc3101 Color Conversion
The hexadecimal color #cc3101 has RGB values of R:204, G:49, B:1 and CMYK values of C:0, M:0.76, Y:1, K:0.2. Its decimal value is 13381889.
Hex triplet | cc3101 | #cc3101 |
---|---|---|
RGB Decimal | 204, 49, 1 | rgb(204,49,1) |
RGB Percent | 80, 19.2, 0.4 | rgb(80%,19.2%,0.4%) |
CMYK | 0, 76, 100, 20 | |
HSL | 14.2°, 99, 40.2 | hsl(14.2,99%,40.2%) |
HSV (or HSB) | 14.2°, 99.5, 80 | |
Web Safe | cc3300 | #cc3300 |
CIE-LAB | 45.688, 58.707, 57.76 |
---|---|
XYZ | 26.007, 15.039, 1.562 |
xyY | 0.61, 0.353, 15.039 |
CIE-LCH | 45.688, 82.357, 44.534 |
CIE-LUV | 45.688, 123.581, 35.521 |
Hunter-Lab | 38.781, 51.839, 24.758 |
Binary | 11001100, 00110001, 00000001 |
Color Schemes with #cc3101
Alternatives to #cc3101
Below, you can see some colors close to #cc3101. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc3101 Preview
This text has a font color of #cc3101.
<span style="color:#cc3101;">Text here</span>
This paragraph has a background color of #cc3101.
<p style="background-color:#cc3101;">Content here</p>
This element has a border color of #cc3101.
<div style="border:1px solid #cc3101;">Content here</div>
.text {color:#cc3101;}
.background {background-color:#cc3101;}
.border {border:1px solid #cc3101;}
Shades and Tints of #cc3101
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, #090200 is the darkest color, while #fff7f4 is the lightest one.
-
#090200
#090200
rgb(9,2,0)
-
#1c0700
#1c0700
rgb(28,7,0)
-
#300b00
#300b00
rgb(48,11,0)
-
#431000
#431000
rgb(67,16,0)
-
#571500
#571500
rgb(87,21,0)
-
#6a1a01
#6a1a01
rgb(106,26,1)
-
#7e1e01
#7e1e01
rgb(126,30,1)
-
#912301
#912301
rgb(145,35,1)
-
#a52801
#a52801
rgb(165,40,1)
-
#b82c01
#b82c01
rgb(184,44,1)
-
#cc3101
#cc3101
rgb(204,49,1)
-
#e03601
#e03601
rgb(224,54,1)
-
#f33a01
#f33a01
rgb(243,58,1)
-
#fe440a
#fe440a
rgb(254,68,10)
-
#fe531e
#fe531e
rgb(254,83,30)
-
#fe6231
#fe6231
rgb(254,98,49)
-
#fe7045
#fe7045
rgb(254,112,69)
-
#fe7f58
#fe7f58
rgb(254,127,88)
-
#fe8e6c
#fe8e6c
rgb(254,142,108)
-
#fe9d7f
#fe9d7f
rgb(254,157,127)
-
#feac93
#feac93
rgb(254,172,147)
-
#ffbba6
#ffbba6
rgb(255,187,166)
-
#ffcaba
#ffcaba
rgb(255,202,186)
-
#ffd9cd
#ffd9cd
rgb(255,217,205)
-
#ffe8e1
#ffe8e1
rgb(255,232,225)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #cc3101
A tone is produced by adding gray to any pure hue. In this case, #6d6360 is the less saturated color, while #cc3101 is the most saturated one.
-
#6d6360
#6d6360
rgb(109,99,96)
-
#755f58
#755f58
rgb(117,95,88)
-
#7d5b50
#7d5b50
rgb(125,91,80)
-
#855648
#855648
rgb(133,86,72)
-
#8d5240
#8d5240
rgb(141,82,64)
-
#954e38
#954e38
rgb(149,78,56)
-
#9d4a30
#9d4a30
rgb(157,74,48)
-
#a54628
#a54628
rgb(165,70,40)
-
#ac4221
#ac4221
rgb(172,66,33)
-
#b43d19
#b43d19
rgb(180,61,25)
-
#bc3911
#bc3911
rgb(188,57,17)
-
#c43509
#c43509
rgb(196,53,9)
-
#cc3101
#cc3101
rgb(204,49,1)
Color Blindness Simulator
Below, you can see how #cc3101 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.