#cc683a Color Information
In a RGB color space, hex #cc683a is composed of 80% red, 40.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 71.6% yellow and 20% black. It has a hue angle of 18.9 degrees, a saturation of 58.9% and a lightness of 51.4%. #cc683a color hex could be obtained by blending #ffd074 with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 41
- B 23
-
- C 0
- M 49
- Y 72
- K 20
● #cc683a color description : Moderate orange.
#cc683a Color Conversion
The hexadecimal color #cc683a has RGB values of R:204, G:104, B:58 and CMYK values of C:0, M:0.49, Y:0.72, K:0.2. Its decimal value is 13396026.
Hex triplet | cc683a | #cc683a |
---|---|---|
RGB Decimal | 204, 104, 58 | rgb(204,104,58) |
RGB Percent | 80, 40.8, 22.7 | rgb(80%,40.8%,22.7%) |
CMYK | 0, 49, 72, 20 | |
HSL | 18.9°, 58.9, 51.4 | hsl(18.9,58.9%,51.4%) |
HSV (or HSB) | 18.9°, 71.6, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 55.12, 36.199, 43.12 |
---|---|
XYZ | 30.617, 23.046, 6.839 |
xyY | 0.506, 0.381, 23.046 |
CIE-LCH | 55.12, 56.3, 49.987 |
CIE-LUV | 55.12, 79.378, 38.945 |
Hunter-Lab | 48.006, 29.83, 25.158 |
Binary | 11001100, 01101000, 00111010 |
Color Schemes with #cc683a
Alternatives to #cc683a
Below, you can see some colors close to #cc683a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc683a Preview
This text has a font color of #cc683a.
<span style="color:#cc683a;">Text here</span>
This paragraph has a background color of #cc683a.
<p style="background-color:#cc683a;">Content here</p>
This element has a border color of #cc683a.
<div style="border:1px solid #cc683a;">Content here</div>
.text {color:#cc683a;}
.background {background-color:#cc683a;}
.border {border:1px solid #cc683a;}
Shades and Tints of #cc683a
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, #060301 is the darkest color, while #fcf7f5 is the lightest one.
-
#060301
#060301
rgb(6,3,1)
-
#150a05
#150a05
rgb(21,10,5)
-
#25120a
#25120a
rgb(37,18,10)
-
#341a0e
#341a0e
rgb(52,26,14)
-
#442112
#442112
rgb(68,33,18)
-
#532916
#532916
rgb(83,41,22)
-
#63311a
#63311a
rgb(99,49,26)
-
#73381e
#73381e
rgb(115,56,30)
-
#824022
#824022
rgb(130,64,34)
-
#924826
#924826
rgb(146,72,38)
-
#a14f2a
#a14f2a
rgb(161,79,42)
-
#b1572e
#b1572e
rgb(177,87,46)
-
#c15f32
#c15f32
rgb(193,95,50)
-
#cc683a
#cc683a
rgb(204,104,58)
-
#d0744a
#d0744a
rgb(208,116,74)
-
#d48059
#d48059
rgb(212,128,89)
-
#d88c69
#d88c69
rgb(216,140,105)
-
#dc9878
#dc9878
rgb(220,152,120)
-
#e0a488
#e0a488
rgb(224,164,136)
-
#e4b097
#e4b097
rgb(228,176,151)
-
#e8bca7
#e8bca7
rgb(232,188,167)
-
#ecc8b7
#ecc8b7
rgb(236,200,183)
-
#f0d3c6
#f0d3c6
rgb(240,211,198)
-
#f4dfd6
#f4dfd6
rgb(244,223,214)
-
#f8ebe5
#f8ebe5
rgb(248,235,229)
-
#fcf7f5
#fcf7f5
rgb(252,247,245)
Tones of #cc683a
A tone is produced by adding gray to any pure hue. In this case, #89817d is the less saturated color, while #fc560a is the most saturated one.
-
#89817d
#89817d
rgb(137,129,125)
-
#937d73
#937d73
rgb(147,125,115)
-
#9c7a6a
#9c7a6a
rgb(156,122,106)
-
#a67660
#a67660
rgb(166,118,96)
-
#af7357
#af7357
rgb(175,115,87)
-
#b96f4d
#b96f4d
rgb(185,111,77)
-
#c26c44
#c26c44
rgb(194,108,68)
-
#cc683a
#cc683a
rgb(204,104,58)
-
#d66430
#d66430
rgb(214,100,48)
-
#df6127
#df6127
rgb(223,97,39)
-
#e95d1d
#e95d1d
rgb(233,93,29)
-
#f25a14
#f25a14
rgb(242,90,20)
-
#fc560a
#fc560a
rgb(252,86,10)
Color Blindness Simulator
Below, you can see how #cc683a 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.