#cc683f Color Information
In a RGB color space, hex #cc683f is composed of 80% red, 40.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 69.1% yellow and 20% black. It has a hue angle of 17.4 degrees, a saturation of 58% and a lightness of 52.4%. #cc683f color hex could be obtained by blending #ffd07e with #990000. Closest websafe color is: #cc6633.
-
- R 80
- G 41
- B 25
-
- C 0
- M 49
- Y 69
- K 20
● #cc683f color description : Moderate orange.
#cc683f Color Conversion
The hexadecimal color #cc683f has RGB values of R:204, G:104, B:63 and CMYK values of C:0, M:0.49, Y:0.69, K:0.2. Its decimal value is 13396031.
Hex triplet | cc683f | #cc683f |
---|---|---|
RGB Decimal | 204, 104, 63 | rgb(204,104,63) |
RGB Percent | 80, 40.8, 24.7 | rgb(80%,40.8%,24.7%) |
CMYK | 0, 49, 69, 20 | |
HSL | 17.4°, 58, 52.4 | hsl(17.4,58%,52.4%) |
HSV (or HSB) | 17.4°, 69.1, 80 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 55.175, 36.459, 40.579 |
---|---|
XYZ | 30.75, 23.1, 7.542 |
xyY | 0.501, 0.376, 23.1 |
CIE-LCH | 55.175, 54.552, 48.061 |
CIE-LUV | 55.175, 78.731, 36.993 |
Hunter-Lab | 48.062, 30.097, 24.34 |
Binary | 11001100, 01101000, 00111111 |
Color Schemes with #cc683f
Alternatives to #cc683f
Below, you can see some colors close to #cc683f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cc683f Preview
This text has a font color of #cc683f.
<span style="color:#cc683f;">Text here</span>
This paragraph has a background color of #cc683f.
<p style="background-color:#cc683f;">Content here</p>
This element has a border color of #cc683f.
<div style="border:1px solid #cc683f;">Content here</div>
.text {color:#cc683f;}
.background {background-color:#cc683f;}
.border {border:1px solid #cc683f;}
Shades and Tints of #cc683f
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, #090503 is the darkest color, while #fdfaf9 is the lightest one.
-
#090503
#090503
rgb(9,5,3)
-
#190c07
#190c07
rgb(25,12,7)
-
#28130b
#28130b
rgb(40,19,11)
-
#381b0f
#381b0f
rgb(56,27,15)
-
#472213
#472213
rgb(71,34,19)
-
#572a17
#572a17
rgb(87,42,23)
-
#66311b
#66311b
rgb(102,49,27)
-
#76391f
#76391f
rgb(118,57,31)
-
#854023
#854023
rgb(133,64,35)
-
#954728
#954728
rgb(149,71,40)
-
#a44f2c
#a44f2c
rgb(164,79,44)
-
#b45630
#b45630
rgb(180,86,48)
-
#c35e34
#c35e34
rgb(195,94,52)
-
#cc683f
#cc683f
rgb(204,104,63)
-
#d0744e
#d0744e
rgb(208,116,78)
-
#d4805e
#d4805e
rgb(212,128,94)
-
#d88d6d
#d88d6d
rgb(216,141,109)
-
#dc997d
#dc997d
rgb(220,153,125)
-
#e1a58c
#e1a58c
rgb(225,165,140)
-
#e5b19c
#e5b19c
rgb(229,177,156)
-
#e9bdab
#e9bdab
rgb(233,189,171)
-
#edcabb
#edcabb
rgb(237,202,187)
-
#f1d6ca
#f1d6ca
rgb(241,214,202)
-
#f5e2da
#f5e2da
rgb(245,226,218)
-
#f9eee9
#f9eee9
rgb(249,238,233)
-
#fdfaf9
#fdfaf9
rgb(253,250,249)
Tones of #cc683f
A tone is produced by adding gray to any pure hue. In this case, #8b8380 is the less saturated color, while #fb5410 is the most saturated one.
-
#8b8380
#8b8380
rgb(139,131,128)
-
#947f77
#947f77
rgb(148,127,119)
-
#9d7c6e
#9d7c6e
rgb(157,124,110)
-
#a77864
#a77864
rgb(167,120,100)
-
#b0745b
#b0745b
rgb(176,116,91)
-
#b97052
#b97052
rgb(185,112,82)
-
#c36c48
#c36c48
rgb(195,108,72)
-
#cc683f
#cc683f
rgb(204,104,63)
-
#d56436
#d56436
rgb(213,100,54)
-
#df602c
#df602c
rgb(223,96,44)
-
#e85c23
#e85c23
rgb(232,92,35)
-
#f1581a
#f1581a
rgb(241,88,26)
-
#fb5410
#fb5410
rgb(251,84,16)
Color Blindness Simulator
Below, you can see how #cc683f 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.