#cc6623 Color Information
In a RGB color space, hex #cc6623 is composed of 80% red, 40% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 82.8% yellow and 20% black. It has a hue angle of 23.8 degrees, a saturation of 70.7% and a lightness of 46.9%. #cc6623 color hex could be obtained by blending #ffcc46 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 40
- B 14
-
- C 0
- M 50
- Y 83
- K 20
● #cc6623 color description : Strong orange.
#cc6623 Color Conversion
The hexadecimal color #cc6623 has RGB values of R:204, G:102, B:35 and CMYK values of C:0, M:0.5, Y:0.83, K:0.2. Its decimal value is 13395491.
Hex triplet | cc6623 | #cc6623 |
---|---|---|
RGB Decimal | 204, 102, 35 | rgb(204,102,35) |
RGB Percent | 80, 40, 13.7 | rgb(80%,40%,13.7%) |
CMYK | 0, 50, 83, 20 | |
HSL | 23.8°, 70.7, 46.9 | hsl(23.8,70.7%,46.9%) |
HSV (or HSB) | 23.8°, 82.8, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 54.516, 36.323, 53.216 |
---|---|
XYZ | 29.958, 22.464, 4.348 |
xyY | 0.528, 0.396, 22.464 |
CIE-LCH | 54.516, 64.431, 55.684 |
CIE-LUV | 54.516, 83.296, 45.186 |
Hunter-Lab | 47.396, 29.88, 27.738 |
Binary | 11001100, 01100110, 00100011 |
Color Schemes with #cc6623
Alternatives to #cc6623
Below, you can see some colors close to #cc6623. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc6623 Preview
This text has a font color of #cc6623.
<span style="color:#cc6623;">Text here</span>
This paragraph has a background color of #cc6623.
<p style="background-color:#cc6623;">Content here</p>
This element has a border color of #cc6623.
<div style="border:1px solid #cc6623;">Content here</div>
.text {color:#cc6623;}
.background {background-color:#cc6623;}
.border {border:1px solid #cc6623;}
Shades and Tints of #cc6623
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, #030201 is the darkest color, while #fdf6f1 is the lightest one.
-
#030201
#030201
rgb(3,2,1)
-
#140a03
#140a03
rgb(20,10,3)
-
#251206
#251206
rgb(37,18,6)
-
#351b09
#351b09
rgb(53,27,9)
-
#46230c
#46230c
rgb(70,35,12)
-
#572b0f
#572b0f
rgb(87,43,15)
-
#683412
#683412
rgb(104,52,18)
-
#783c15
#783c15
rgb(120,60,21)
-
#894518
#894518
rgb(137,69,24)
-
#9a4d1a
#9a4d1a
rgb(154,77,26)
-
#ab551d
#ab551d
rgb(171,85,29)
-
#bb5e20
#bb5e20
rgb(187,94,32)
-
#cc6623
#cc6623
rgb(204,102,35)
-
#da6f28
#da6f28
rgb(218,111,40)
-
#dd7a39
#dd7a39
rgb(221,122,57)
-
#e0854a
#e0854a
rgb(224,133,74)
-
#e3915b
#e3915b
rgb(227,145,91)
-
#e69c6b
#e69c6b
rgb(230,156,107)
-
#e9a77c
#e9a77c
rgb(233,167,124)
-
#ebb28d
#ebb28d
rgb(235,178,141)
-
#eebe9e
#eebe9e
rgb(238,190,158)
-
#f1c9ae
#f1c9ae
rgb(241,201,174)
-
#f4d4bf
#f4d4bf
rgb(244,212,191)
-
#f7dfd0
#f7dfd0
rgb(247,223,208)
-
#faebe1
#faebe1
rgb(250,235,225)
-
#fdf6f1
#fdf6f1
rgb(253,246,241)
Tones of #cc6623
A tone is produced by adding gray to any pure hue. In this case, #797776 is the less saturated color, while #e86007 is the most saturated one.
-
#797776
#797776
rgb(121,119,118)
-
#82756d
#82756d
rgb(130,117,109)
-
#8c7363
#8c7363
rgb(140,115,99)
-
#95715a
#95715a
rgb(149,113,90)
-
#9e7051
#9e7051
rgb(158,112,81)
-
#a76e48
#a76e48
rgb(167,110,72)
-
#b06c3f
#b06c3f
rgb(176,108,63)
-
#ba6a35
#ba6a35
rgb(186,106,53)
-
#c3682c
#c3682c
rgb(195,104,44)
-
#cc6623
#cc6623
rgb(204,102,35)
-
#d5641a
#d5641a
rgb(213,100,26)
-
#de6211
#de6211
rgb(222,98,17)
-
#e86007
#e86007
rgb(232,96,7)
Color Blindness Simulator
Below, you can see how #cc6623 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.