#cc550f Color Information
In a RGB color space, hex #cc550f is composed of 80% red, 33.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 92.6% yellow and 20% black. It has a hue angle of 22.2 degrees, a saturation of 86.3% and a lightness of 42.9%. #cc550f color hex could be obtained by blending #ffaa1e with #990000. Closest websafe color is: #cc6600.
-
- R 80
- G 33
- B 6
-
- C 0
- M 58
- Y 93
- K 20
● #cc550f color description : Strong orange.
#cc550f Color Conversion
The hexadecimal color #cc550f has RGB values of R:204, G:85, B:15 and CMYK values of C:0, M:0.58, Y:0.93, K:0.2. Its decimal value is 13391119.
Hex triplet | cc550f | #cc550f |
---|---|---|
RGB Decimal | 204, 85, 15 | rgb(204,85,15) |
RGB Percent | 80, 33.3, 5.9 | rgb(80%,33.3%,5.9%) |
CMYK | 0, 58, 93, 20 | |
HSL | 22.2°, 86.3, 42.9 | hsl(22.2,86.3%,42.9%) |
HSV (or HSB) | 22.2°, 92.6, 80 | |
Web Safe | cc6600 | #cc6600 |
CIE-LAB | 51.119, 44.324, 57.372 |
---|---|
XYZ | 28.238, 19.372, 2.704 |
xyY | 0.561, 0.385, 19.372 |
CIE-LCH | 51.119, 72.499, 52.311 |
CIE-LUV | 51.119, 98.123, 43.164 |
Hunter-Lab | 44.013, 37.497, 27.167 |
Binary | 11001100, 01010101, 00001111 |
Color Schemes with #cc550f
Alternatives to #cc550f
Below, you can see some colors close to #cc550f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc550f Preview
This text has a font color of #cc550f.
<span style="color:#cc550f;">Text here</span>
This paragraph has a background color of #cc550f.
<p style="background-color:#cc550f;">Content here</p>
This element has a border color of #cc550f.
<div style="border:1px solid #cc550f;">Content here</div>
.text {color:#cc550f;}
.background {background-color:#cc550f;}
.border {border:1px solid #cc550f;}
Shades and Tints of #cc550f
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, #030100 is the darkest color, while #fef5f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150902
#150902
rgb(21,9,2)
-
#281003
#281003
rgb(40,16,3)
-
#3a1804
#3a1804
rgb(58,24,4)
-
#4c2006
#4c2006
rgb(76,32,6)
-
#5e2707
#5e2707
rgb(94,39,7)
-
#712f08
#712f08
rgb(113,47,8)
-
#83370a
#83370a
rgb(131,55,10)
-
#953e0b
#953e0b
rgb(149,62,11)
-
#a7460c
#a7460c
rgb(167,70,12)
-
#ba4d0e
#ba4d0e
rgb(186,77,14)
-
#cc550f
#cc550f
rgb(204,85,15)
-
#de5d10
#de5d10
rgb(222,93,16)
-
#ee6514
#ee6514
rgb(238,101,20)
-
#ef7127
#ef7127
rgb(239,113,39)
-
#f07d39
#f07d39
rgb(240,125,57)
-
#f2894b
#f2894b
rgb(242,137,75)
-
#f3955e
#f3955e
rgb(243,149,94)
-
#f4a170
#f4a170
rgb(244,161,112)
-
#f6ad82
#f6ad82
rgb(246,173,130)
-
#f7b994
#f7b994
rgb(247,185,148)
-
#f9c5a7
#f9c5a7
rgb(249,197,167)
-
#fad1b9
#fad1b9
rgb(250,209,185)
-
#fbddcb
#fbddcb
rgb(251,221,203)
-
#fde9dd
#fde9dd
rgb(253,233,221)
-
#fef5f0
#fef5f0
rgb(254,245,240)
Tones of #cc550f
A tone is produced by adding gray to any pure hue. In this case, #6f6d6c is the less saturated color, while #d45307 is the most saturated one.
-
#6f6d6c
#6f6d6c
rgb(111,109,108)
-
#786b63
#786b63
rgb(120,107,99)
-
#80695b
#80695b
rgb(128,105,91)
-
#896652
#896652
rgb(137,102,82)
-
#91644a
#91644a
rgb(145,100,74)
-
#996242
#996242
rgb(153,98,66)
-
#a26039
#a26039
rgb(162,96,57)
-
#aa5e31
#aa5e31
rgb(170,94,49)
-
#b35c28
#b35c28
rgb(179,92,40)
-
#bb5920
#bb5920
rgb(187,89,32)
-
#c45717
#c45717
rgb(196,87,23)
-
#cc550f
#cc550f
rgb(204,85,15)
-
#d45307
#d45307
rgb(212,83,7)
Color Blindness Simulator
Below, you can see how #cc550f 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.