#cc6b33 Color Information
In a RGB color space, hex #cc6b33 is composed of 80% red, 42% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 75% yellow and 20% black. It has a hue angle of 22 degrees, a saturation of 60% and a lightness of 50%. #cc6b33 color hex could be obtained by blending #ffd666 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 42
- B 20
-
- C 0
- M 48
- Y 75
- K 20
● #cc6b33 color description : Strong orange.
#cc6b33 Color Conversion
The hexadecimal color #cc6b33 has RGB values of R:204, G:107, B:51 and CMYK values of C:0, M:0.48, Y:0.75, K:0.2. Its decimal value is 13396787.
Hex triplet | cc6b33 | #cc6b33 |
---|---|---|
RGB Decimal | 204, 107, 51 | rgb(204,107,51) |
RGB Percent | 80, 42, 20 | rgb(80%,42%,20%) |
CMYK | 0, 48, 75, 20 | |
HSL | 22°, 60, 50 | hsl(22,60%,50%) |
HSV (or HSB) | 22°, 75, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 55.679, 34.313, 47.199 |
---|---|
XYZ | 30.758, 23.594, 6.066 |
xyY | 0.509, 0.391, 23.594 |
CIE-LCH | 55.679, 58.353, 53.983 |
CIE-LUV | 55.679, 77.846, 42.527 |
Hunter-Lab | 48.574, 28.025, 26.597 |
Binary | 11001100, 01101011, 00110011 |
Color Schemes with #cc6b33
Alternatives to #cc6b33
Below, you can see some colors close to #cc6b33. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc6b33 Preview
This text has a font color of #cc6b33.
<span style="color:#cc6b33;">Text here</span>
This paragraph has a background color of #cc6b33.
<p style="background-color:#cc6b33;">Content here</p>
This element has a border color of #cc6b33.
<div style="border:1px solid #cc6b33;">Content here</div>
.text {color:#cc6b33;}
.background {background-color:#cc6b33;}
.border {border:1px solid #cc6b33;}
Shades and Tints of #cc6b33
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, #100804 is the darkest color, while #ffffff is the lightest one.
-
#100804
#100804
rgb(16,8,4)
-
#1f1008
#1f1008
rgb(31,16,8)
-
#2f190c
#2f190c
rgb(47,25,12)
-
#3f2110
#3f2110
rgb(63,33,16)
-
#4e2914
#4e2914
rgb(78,41,20)
-
#5e3118
#5e3118
rgb(94,49,24)
-
#6e3a1b
#6e3a1b
rgb(110,58,27)
-
#7e421f
#7e421f
rgb(126,66,31)
-
#8d4a23
#8d4a23
rgb(141,74,35)
-
#9d5227
#9d5227
rgb(157,82,39)
-
#ad5b2b
#ad5b2b
rgb(173,91,43)
-
#bc632f
#bc632f
rgb(188,99,47)
-
#cc6b33
#cc6b33
rgb(204,107,51)
-
#d07643
#d07643
rgb(208,118,67)
-
#d48252
#d48252
rgb(212,130,82)
-
#d88d62
#d88d62
rgb(216,141,98)
-
#dc9972
#dc9972
rgb(220,153,114)
-
#e0a481
#e0a481
rgb(224,164,129)
-
#e4af91
#e4af91
rgb(228,175,145)
-
#e7bba1
#e7bba1
rgb(231,187,161)
-
#ebc6b1
#ebc6b1
rgb(235,198,177)
-
#efd1c0
#efd1c0
rgb(239,209,192)
-
#f3ddd0
#f3ddd0
rgb(243,221,208)
-
#f7e8e0
#f7e8e0
rgb(247,232,224)
-
#fbf4ef
#fbf4ef
rgb(251,244,239)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #cc6b33
A tone is produced by adding gray to any pure hue. In this case, #877d78 is the less saturated color, while #fd5e02 is the most saturated one.
-
#877d78
#877d78
rgb(135,125,120)
-
#917b6e
#917b6e
rgb(145,123,110)
-
#9b7864
#9b7864
rgb(155,120,100)
-
#a5765a
#a5765a
rgb(165,118,90)
-
#af7350
#af7350
rgb(175,115,80)
-
#b87047
#b87047
rgb(184,112,71)
-
#c26e3d
#c26e3d
rgb(194,110,61)
-
#cc6b33
#cc6b33
rgb(204,107,51)
-
#d66829
#d66829
rgb(214,104,41)
-
#e0661f
#e0661f
rgb(224,102,31)
-
#e96316
#e96316
rgb(233,99,22)
-
#f3600c
#f3600c
rgb(243,96,12)
-
#fd5e02
#fd5e02
rgb(253,94,2)
Color Blindness Simulator
Below, you can see how #cc6b33 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.