#cc5504 Color Information
In a RGB color space, hex #cc5504 is composed of 80% red, 33.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 98% yellow and 20% black. It has a hue angle of 24.3 degrees, a saturation of 96.2% and a lightness of 40.8%. #cc5504 color hex could be obtained by blending #ffaa08 with #990000. Closest websafe color is: #cc6600.
-
- R 80
- G 33
- B 2
-
- C 0
- M 58
- Y 98
- K 20
● #cc5504 color description : Strong orange.
#cc5504 Color Conversion
The hexadecimal color #cc5504 has RGB values of R:204, G:85, B:4 and CMYK values of C:0, M:0.58, Y:0.98, K:0.2. Its decimal value is 13391108.
Hex triplet | cc5504 | #cc5504 |
---|---|---|
RGB Decimal | 204, 85, 4 | rgb(204,85,4) |
RGB Percent | 80, 33.3, 1.6 | rgb(80%,33.3%,1.6%) |
CMYK | 0, 58, 98, 20 | |
HSL | 24.3°, 96.2, 40.8 | hsl(24.3,96.2%,40.8%) |
HSV (or HSB) | 24.3°, 98, 80 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 51.09, 44.199, 59.865 |
---|---|
XYZ | 28.174, 19.346, 2.366 |
xyY | 0.565, 0.388, 19.346 |
CIE-LCH | 51.09, 74.414, 53.562 |
CIE-LUV | 51.09, 98.575, 44.262 |
Hunter-Lab | 43.984, 37.363, 27.6 |
Binary | 11001100, 01010101, 00000100 |
Color Schemes with #cc5504
Alternatives to #cc5504
Below, you can see some colors close to #cc5504. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc5504 Preview
This text has a font color of #cc5504.
<span style="color:#cc5504;">Text here</span>
This paragraph has a background color of #cc5504.
<p style="background-color:#cc5504;">Content here</p>
This element has a border color of #cc5504.
<div style="border:1px solid #cc5504;">Content here</div>
.text {color:#cc5504;}
.background {background-color:#cc5504;}
.border {border:1px solid #cc5504;}
Shades and Tints of #cc5504
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, #0c0500 is the darkest color, while #fffaf7 is the lightest one.
-
#0c0500
#0c0500
rgb(12,5,0)
-
#1f0d01
#1f0d01
rgb(31,13,1)
-
#321501
#321501
rgb(50,21,1)
-
#451d01
#451d01
rgb(69,29,1)
-
#592502
#592502
rgb(89,37,2)
-
#6c2d02
#6c2d02
rgb(108,45,2)
-
#7f3502
#7f3502
rgb(127,53,2)
-
#923d03
#923d03
rgb(146,61,3)
-
#a64503
#a64503
rgb(166,69,3)
-
#b94d04
#b94d04
rgb(185,77,4)
-
#cc5504
#cc5504
rgb(204,85,4)
-
#df5d04
#df5d04
rgb(223,93,4)
-
#f26505
#f26505
rgb(242,101,5)
-
#fa6f11
#fa6f11
rgb(250,111,17)
-
#fb7b24
#fb7b24
rgb(251,123,36)
-
#fb8637
#fb8637
rgb(251,134,55)
-
#fb924a
#fb924a
rgb(251,146,74)
-
#fc9e5d
#fc9e5d
rgb(252,158,93)
-
#fca971
#fca971
rgb(252,169,113)
-
#fdb584
#fdb584
rgb(253,181,132)
-
#fdc097
#fdc097
rgb(253,192,151)
-
#fdccaa
#fdccaa
rgb(253,204,170)
-
#fed8be
#fed8be
rgb(254,216,190)
-
#fee3d1
#fee3d1
rgb(254,227,209)
-
#feefe4
#feefe4
rgb(254,239,228)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #cc5504
A tone is produced by adding gray to any pure hue. In this case, #6c6764 is the less saturated color, while #cc5504 is the most saturated one.
-
#6c6764
#6c6764
rgb(108,103,100)
-
#74665c
#74665c
rgb(116,102,92)
-
#7c6454
#7c6454
rgb(124,100,84)
-
#84634c
#84634c
rgb(132,99,76)
-
#8c6144
#8c6144
rgb(140,97,68)
-
#94603c
#94603c
rgb(148,96,60)
-
#9c5e34
#9c5e34
rgb(156,94,52)
-
#a45d2c
#a45d2c
rgb(164,93,44)
-
#ac5b24
#ac5b24
rgb(172,91,36)
-
#b45a1c
#b45a1c
rgb(180,90,28)
-
#bc5814
#bc5814
rgb(188,88,20)
-
#c4570c
#c4570c
rgb(196,87,12)
-
#cc5504
#cc5504
rgb(204,85,4)
Color Blindness Simulator
Below, you can see how #cc5504 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.