#cc3303 Color Information
In a RGB color space, hex #cc3303 is composed of 80% red, 20% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 98.5% yellow and 20% black. It has a hue angle of 14.3 degrees, a saturation of 97.1% and a lightness of 40.6%. #cc3303 color hex could be obtained by blending #ff6606 with #990000. Closest websafe color is: #cc3300.
-
- R 80
- G 20
- B 1
-
- C 0
- M 75
- Y 99
- K 20
● #cc3303 color description : Strong red.
#cc3303 Color Conversion
The hexadecimal color #cc3303 has RGB values of R:204, G:51, B:3 and CMYK values of C:0, M:0.75, Y:0.99, K:0.2. Its decimal value is 13382403.
| Hex triplet | cc3303 | #cc3303 |
|---|---|---|
| RGB Decimal | 204, 51, 3 | rgb(204,51,3) |
| RGB Percent | 80, 20, 1.2 | rgb(80%,20%,1.2%) |
| CMYK | 0, 75, 99, 20 | |
| HSL | 14.3°, 97.1, 40.6 | hsl(14.3,97.1%,40.6%) |
| HSV (or HSB) | 14.3°, 98.5, 80 | |
| Web Safe | cc3300 | #cc3300 |
| CIE-LAB | 45.927, 58.078, 57.294 |
|---|---|
| XYZ | 26.103, 15.215, 1.648 |
| xyY | 0.608, 0.354, 15.215 |
| CIE-LCH | 45.927, 81.582, 44.611 |
| CIE-LUV | 45.927, 122.324, 35.71 |
| Hunter-Lab | 39.006, 51.194, 24.799 |
| Binary | 11001100, 00110011, 00000011 |
Color Schemes with #cc3303
Alternatives to #cc3303
Below, you can see some colors close to #cc3303. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc3303 Preview
This text has a font color of #cc3303.
<span style="color:#cc3303;">Text here</span>
This paragraph has a background color of #cc3303.
<p style="background-color:#cc3303;">Content here</p>
This element has a border color of #cc3303.
<div style="border:1px solid #cc3303;">Content here</div>
.text {color:#cc3303;}
.background {background-color:#cc3303;}
.border {border:1px solid #cc3303;}
Shades and Tints of #cc3303
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, #0b0300 is the darkest color, while #fff8f6 is the lightest one.
-
#0b0300
#0b0300rgb(11,3,0) -
#1e0800
#1e0800rgb(30,8,0) -
#310c01
#310c01rgb(49,12,1) -
#451101
#451101rgb(69,17,1) -
#581601
#581601rgb(88,22,1) -
#6b1b02
#6b1b02rgb(107,27,2) -
#7f2002
#7f2002rgb(127,32,2) -
#922502
#922502rgb(146,37,2) -
#a52902
#a52902rgb(165,41,2) -
#b92e03
#b92e03rgb(185,46,3) -
#cc3303
#cc3303rgb(204,51,3) -
#df3803
#df3803rgb(223,56,3) -
#f33d04
#f33d04rgb(243,61,4)
-
#fb470e
#fb470ergb(251,71,14) -
#fc5622
#fc5622rgb(252,86,34) -
#fc6535
#fc6535rgb(252,101,53) -
#fc7348
#fc7348rgb(252,115,72) -
#fd825c
#fd825crgb(253,130,92) -
#fd916f
#fd916frgb(253,145,111) -
#fda082
#fda082rgb(253,160,130) -
#fdae96
#fdae96rgb(253,174,150) -
#febda9
#febda9rgb(254,189,169) -
#feccbc
#feccbcrgb(254,204,188) -
#fedbd0
#fedbd0rgb(254,219,208) -
#ffeae3
#ffeae3rgb(255,234,227) -
#fff8f6
#fff8f6rgb(255,248,246)
Tones of #cc3303
A tone is produced by adding gray to any pure hue. In this case, #6c6563 is the less saturated color, while #cc3303 is the most saturated one.
-
#6c6563
#6c6563rgb(108,101,99) -
#74615b
#74615brgb(116,97,91) -
#7c5d53
#7c5d53rgb(124,93,83) -
#84584b
#84584brgb(132,88,75) -
#8c5443
#8c5443rgb(140,84,67) -
#94503b
#94503brgb(148,80,59) -
#9c4c33
#9c4c33rgb(156,76,51) -
#a4482b
#a4482brgb(164,72,43) -
#ac4423
#ac4423rgb(172,68,35) -
#b43f1b
#b43f1brgb(180,63,27) -
#bc3b13
#bc3b13rgb(188,59,19) -
#c4370b
#c4370brgb(196,55,11) -
#cc3303
#cc3303rgb(204,51,3)
Color Blindness Simulator
Below, you can see how #cc3303 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.
