#ccb678 Color Information
In a RGB color space, hex #ccb678 is composed of 80% red, 71.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 41.2% yellow and 20% black. It has a hue angle of 44.3 degrees, a saturation of 45.2% and a lightness of 63.5%. #ccb678 color hex could be obtained by blending #fffff0 with #996d00. Closest websafe color is: #cccc66.
-
- R 80
- G 71
- B 47
-
- C 0
- M 11
- Y 41
- K 20
● #ccb678 color description : Slightly desaturated orange.
#ccb678 Color Conversion
The hexadecimal color #ccb678 has RGB values of R:204, G:182, B:120 and CMYK values of C:0, M:0.11, Y:0.41, K:0.2. Its decimal value is 13416056.
Hex triplet | ccb678 | #ccb678 |
---|---|---|
RGB Decimal | 204, 182, 120 | rgb(204,182,120) |
RGB Percent | 80, 71.4, 47.1 | rgb(80%,71.4%,47.1%) |
CMYK | 0, 11, 41, 20 | |
HSL | 44.3°, 45.2, 63.5 | hsl(44.3,45.2%,63.5%) |
HSV (or HSB) | 44.3°, 41.2, 80 | |
Web Safe | cccc66 | #cccc66 |
CIE-LAB | 74.604, -0.779, 34.412 |
---|---|
XYZ | 45.02, 47.65, 24.594 |
xyY | 0.384, 0.406, 47.65 |
CIE-LCH | 74.604, 34.42, 91.297 |
CIE-LUV | 74.604, 17.648, 44.758 |
Hunter-Lab | 69.029, -4.387, 27.196 |
Binary | 11001100, 10110110, 01111000 |
Color Schemes with #ccb678
Alternatives to #ccb678
Below, you can see some colors close to #ccb678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb678 Preview
This text has a font color of #ccb678.
<span style="color:#ccb678;">Text here</span>
This paragraph has a background color of #ccb678.
<p style="background-color:#ccb678;">Content here</p>
This element has a border color of #ccb678.
<div style="border:1px solid #ccb678;">Content here</div>
.text {color:#ccb678;}
.background {background-color:#ccb678;}
.border {border:1px solid #ccb678;}
Shades and Tints of #ccb678
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, #070603 is the darkest color, while #fcfbf8 is the lightest one.
-
#070603
#070603
rgb(7,6,3)
-
#161208
#161208
rgb(22,18,8)
-
#241e0e
#241e0e
rgb(36,30,14)
-
#322a13
#322a13
rgb(50,42,19)
-
#403618
#403618
rgb(64,54,24)
-
#4f421e
#4f421e
rgb(79,66,30)
-
#5d4e23
#5d4e23
rgb(93,78,35)
-
#6b5a28
#6b5a28
rgb(107,90,40)
-
#79662e
#79662e
rgb(121,102,46)
-
#887133
#887133
rgb(136,113,51)
-
#967d39
#967d39
rgb(150,125,57)
-
#a4893e
#a4893e
rgb(164,137,62)
-
#b29543
#b29543
rgb(178,149,67)
-
#bc9f4d
#bc9f4d
rgb(188,159,77)
-
#c1a75c
#c1a75c
rgb(193,167,92)
-
#c7ae6a
#c7ae6a
rgb(199,174,106)
-
#ccb678
#ccb678
rgb(204,182,120)
-
#d1be86
#d1be86
rgb(209,190,134)
-
#d7c594
#d7c594
rgb(215,197,148)
-
#dccda3
#dccda3
rgb(220,205,163)
-
#e2d5b1
#e2d5b1
rgb(226,213,177)
-
#e7dcbf
#e7dcbf
rgb(231,220,191)
-
#ece4cd
#ece4cd
rgb(236,228,205)
-
#f2ecdc
#f2ecdc
rgb(242,236,220)
-
#f7f4ea
#f7f4ea
rgb(247,244,234)
-
#fcfbf8
#fcfbf8
rgb(252,251,248)
Tones of #ccb678
A tone is produced by adding gray to any pure hue. In this case, #a8a59c is the less saturated color, while #fece46 is the most saturated one.
-
#a8a59c
#a8a59c
rgb(168,165,156)
-
#afa895
#afa895
rgb(175,168,149)
-
#b7ac8d
#b7ac8d
rgb(183,172,141)
-
#beaf86
#beaf86
rgb(190,175,134)
-
#c5b37f
#c5b37f
rgb(197,179,127)
-
#ccb678
#ccb678
rgb(204,182,120)
-
#d3b971
#d3b971
rgb(211,185,113)
-
#dabd6a
#dabd6a
rgb(218,189,106)
-
#e1c063
#e1c063
rgb(225,192,99)
-
#e9c45b
#e9c45b
rgb(233,196,91)
-
#f0c754
#f0c754
rgb(240,199,84)
-
#f7ca4d
#f7ca4d
rgb(247,202,77)
-
#fece46
#fece46
rgb(254,206,70)
Color Blindness Simulator
Below, you can see how #ccb678 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.