#cc7a33 Color Information
In a RGB color space, hex #cc7a33 is composed of 80% red, 47.8% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 75% yellow and 20% black. It has a hue angle of 27.8 degrees, a saturation of 60% and a lightness of 50%. #cc7a33 color hex could be obtained by blending #fff466 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 48
- B 20
-
- C 0
- M 40
- Y 75
- K 20
● #cc7a33 color description : Strong orange.
#cc7a33 Color Conversion
The hexadecimal color #cc7a33 has RGB values of R:204, G:122, B:51 and CMYK values of C:0, M:0.4, Y:0.75, K:0.2. Its decimal value is 13400627.
Hex triplet | cc7a33 | #cc7a33 |
---|---|---|
RGB Decimal | 204, 122, 51 | rgb(204,122,51) |
RGB Percent | 80, 47.8, 20 | rgb(80%,47.8%,20%) |
CMYK | 0, 40, 75, 20 | |
HSL | 27.8°, 60, 50 | hsl(27.8,60%,50%) |
HSV (or HSB) | 27.8°, 75, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 58.972, 26.337, 50.566 |
---|---|
XYZ | 32.46, 26.998, 6.633 |
xyY | 0.491, 0.408, 26.998 |
CIE-LCH | 58.972, 57.014, 62.488 |
CIE-LUV | 58.972, 65.983, 48.275 |
Hunter-Lab | 51.96, 20.582, 28.802 |
Binary | 11001100, 01111010, 00110011 |
Color Schemes with #cc7a33
Alternatives to #cc7a33
Below, you can see some colors close to #cc7a33. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc7a33 Preview
This text has a font color of #cc7a33.
<span style="color:#cc7a33;">Text here</span>
This paragraph has a background color of #cc7a33.
<p style="background-color:#cc7a33;">Content here</p>
This element has a border color of #cc7a33.
<div style="border:1px solid #cc7a33;">Content here</div>
.text {color:#cc7a33;}
.background {background-color:#cc7a33;}
.border {border:1px solid #cc7a33;}
Shades and Tints of #cc7a33
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, #100904 is the darkest color, while #ffffff is the lightest one.
-
#100904
#100904
rgb(16,9,4)
-
#1f1308
#1f1308
rgb(31,19,8)
-
#2f1c0c
#2f1c0c
rgb(47,28,12)
-
#3f2610
#3f2610
rgb(63,38,16)
-
#4e2f14
#4e2f14
rgb(78,47,20)
-
#5e3818
#5e3818
rgb(94,56,24)
-
#6e421b
#6e421b
rgb(110,66,27)
-
#7e4b1f
#7e4b1f
rgb(126,75,31)
-
#8d5423
#8d5423
rgb(141,84,35)
-
#9d5e27
#9d5e27
rgb(157,94,39)
-
#ad672b
#ad672b
rgb(173,103,43)
-
#bc712f
#bc712f
rgb(188,113,47)
-
#cc7a33
#cc7a33
rgb(204,122,51)
-
#d08443
#d08443
rgb(208,132,67)
-
#d48e52
#d48e52
rgb(212,142,82)
-
#d89962
#d89962
rgb(216,153,98)
-
#dca372
#dca372
rgb(220,163,114)
-
#e0ad81
#e0ad81
rgb(224,173,129)
-
#e4b791
#e4b791
rgb(228,183,145)
-
#e7c2a1
#e7c2a1
rgb(231,194,161)
-
#ebccb1
#ebccb1
rgb(235,204,177)
-
#efd6c0
#efd6c0
rgb(239,214,192)
-
#f3e0d0
#f3e0d0
rgb(243,224,208)
-
#f7ebe0
#f7ebe0
rgb(247,235,224)
-
#fbf5ef
#fbf5ef
rgb(251,245,239)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #cc7a33
A tone is produced by adding gray to any pure hue. In this case, #877f78 is the less saturated color, while #fd7602 is the most saturated one.
-
#877f78
#877f78
rgb(135,127,120)
-
#917e6e
#917e6e
rgb(145,126,110)
-
#9b7e64
#9b7e64
rgb(155,126,100)
-
#a57d5a
#a57d5a
rgb(165,125,90)
-
#af7c50
#af7c50
rgb(175,124,80)
-
#b87b47
#b87b47
rgb(184,123,71)
-
#c27b3d
#c27b3d
rgb(194,123,61)
-
#cc7a33
#cc7a33
rgb(204,122,51)
-
#d67929
#d67929
rgb(214,121,41)
-
#e0791f
#e0791f
rgb(224,121,31)
-
#e97816
#e97816
rgb(233,120,22)
-
#f3770c
#f3770c
rgb(243,119,12)
-
#fd7602
#fd7602
rgb(253,118,2)
Color Blindness Simulator
Below, you can see how #cc7a33 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.