#cc683e Color Information
In a RGB color space, hex #cc683e is composed of 80% red, 40.8% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 69.6% yellow and 20% black. It has a hue angle of 17.7 degrees, a saturation of 58.2% and a lightness of 52.2%. #cc683e color hex could be obtained by blending #ffd07c with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 41
- B 24
-
- C 0
- M 49
- Y 70
- K 20
● #cc683e color description : Moderate orange.
#cc683e Color Conversion
The hexadecimal color #cc683e has RGB values of R:204, G:104, B:62 and CMYK values of C:0, M:0.49, Y:0.7, K:0.2. Its decimal value is 13396030.
Hex triplet | cc683e | #cc683e |
---|---|---|
RGB Decimal | 204, 104, 62 | rgb(204,104,62) |
RGB Percent | 80, 40.8, 24.3 | rgb(80%,40.8%,24.3%) |
CMYK | 0, 49, 70, 20 | |
HSL | 17.7°, 58.2, 52.2 | hsl(17.7,58.2%,52.2%) |
HSV (or HSB) | 17.7°, 69.6, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 55.163, 36.405, 41.093 |
---|---|
XYZ | 30.723, 23.089, 7.396 |
xyY | 0.502, 0.377, 23.089 |
CIE-LCH | 55.163, 54.9, 48.461 |
CIE-LUV | 55.163, 78.864, 37.396 |
Hunter-Lab | 48.051, 30.041, 24.51 |
Binary | 11001100, 01101000, 00111110 |
Color Schemes with #cc683e
Alternatives to #cc683e
Below, you can see some colors close to #cc683e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc683e Preview
This text has a font color of #cc683e.
<span style="color:#cc683e;">Text here</span>
This paragraph has a background color of #cc683e.
<p style="background-color:#cc683e;">Content here</p>
This element has a border color of #cc683e.
<div style="border:1px solid #cc683e;">Content here</div>
.text {color:#cc683e;}
.background {background-color:#cc683e;}
.border {border:1px solid #cc683e;}
Shades and Tints of #cc683e
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, #090402 is the darkest color, while #fdfaf8 is the lightest one.
-
#090402
#090402
rgb(9,4,2)
-
#180c06
#180c06
rgb(24,12,6)
-
#28130a
#28130a
rgb(40,19,10)
-
#371b0f
#371b0f
rgb(55,27,15)
-
#472213
#472213
rgb(71,34,19)
-
#562a17
#562a17
rgb(86,42,23)
-
#66311b
#66311b
rgb(102,49,27)
-
#75391f
#75391f
rgb(117,57,31)
-
#854023
#854023
rgb(133,64,35)
-
#944727
#944727
rgb(148,71,39)
-
#a44f2b
#a44f2b
rgb(164,79,43)
-
#b3562f
#b3562f
rgb(179,86,47)
-
#c35e33
#c35e33
rgb(195,94,51)
-
#cc683e
#cc683e
rgb(204,104,62)
-
#d0744e
#d0744e
rgb(208,116,78)
-
#d4805d
#d4805d
rgb(212,128,93)
-
#d88c6d
#d88c6d
rgb(216,140,109)
-
#dc997c
#dc997c
rgb(220,153,124)
-
#e0a58c
#e0a58c
rgb(224,165,140)
-
#e5b19b
#e5b19b
rgb(229,177,155)
-
#e9bdab
#e9bdab
rgb(233,189,171)
-
#edc9ba
#edc9ba
rgb(237,201,186)
-
#f1d5ca
#f1d5ca
rgb(241,213,202)
-
#f5e1d9
#f5e1d9
rgb(245,225,217)
-
#f9eee9
#f9eee9
rgb(249,238,233)
-
#fdfaf8
#fdfaf8
rgb(253,250,248)
Tones of #cc683e
A tone is produced by adding gray to any pure hue. In this case, #8a8380 is the less saturated color, while #fb550f is the most saturated one.
-
#8a8380
#8a8380
rgb(138,131,128)
-
#947f76
#947f76
rgb(148,127,118)
-
#9d7b6d
#9d7b6d
rgb(157,123,109)
-
#a67764
#a67764
rgb(166,119,100)
-
#b0735a
#b0735a
rgb(176,115,90)
-
#b97051
#b97051
rgb(185,112,81)
-
#c36c47
#c36c47
rgb(195,108,71)
-
#cc683e
#cc683e
rgb(204,104,62)
-
#d56435
#d56435
rgb(213,100,53)
-
#df602b
#df602b
rgb(223,96,43)
-
#e85d22
#e85d22
rgb(232,93,34)
-
#f25918
#f25918
rgb(242,89,24)
-
#fb550f
#fb550f
rgb(251,85,15)
Color Blindness Simulator
Below, you can see how #cc683e 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.