#ccc86c Color Information
In a RGB color space, hex #ccc86c is composed of 80% red, 78.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 47.1% yellow and 20% black. It has a hue angle of 57.5 degrees, a saturation of 48.5% and a lightness of 61.2%. #ccc86c color hex could be obtained by blending #ffffd8 with #999100. Closest websafe color is: #cccc66.
-
- R 80
- G 78
- B 42
-
- C 0
- M 2
- Y 47
- K 20
● #ccc86c color description : Slightly desaturated yellow.
#ccc86c Color Conversion
The hexadecimal color #ccc86c has RGB values of R:204, G:200, B:108 and CMYK values of C:0, M:0.02, Y:0.47, K:0.2. Its decimal value is 13420652.
Hex triplet | ccc86c | #ccc86c |
---|---|---|
RGB Decimal | 204, 200, 108 | rgb(204,200,108) |
RGB Percent | 80, 78.4, 42.4 | rgb(80%,78.4%,42.4%) |
CMYK | 0, 2, 47, 20 | |
HSL | 57.5°, 48.5, 61.2 | hsl(57.5,48.5%,61.2%) |
HSV (or HSB) | 57.5°, 47.1, 80 | |
Web Safe | cccc66 | #cccc66 |
CIE-LAB | 79.173, -11.332, 46.193 |
---|---|
XYZ | 48.263, 55.229, 22.305 |
xyY | 0.384, 0.439, 55.229 |
CIE-LCH | 79.173, 47.563, 103.784 |
CIE-LUV | 79.173, 6.943, 60.138 |
Hunter-Lab | 74.316, -14.132, 34.227 |
Binary | 11001100, 11001000, 01101100 |
Color Schemes with #ccc86c
Alternatives to #ccc86c
Below, you can see some colors close to #ccc86c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc86c Preview
This text has a font color of #ccc86c.
<span style="color:#ccc86c;">Text here</span>
This paragraph has a background color of #ccc86c.
<p style="background-color:#ccc86c;">Content here</p>
This element has a border color of #ccc86c.
<div style="border:1px solid #ccc86c;">Content here</div>
.text {color:#ccc86c;}
.background {background-color:#ccc86c;}
.border {border:1px solid #ccc86c;}
Shades and Tints of #ccc86c
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, #0d0d05 is the darkest color, while #fffefe is the lightest one.
-
#0d0d05
#0d0d05
rgb(13,13,5)
-
#1c1b0a
#1c1b0a
rgb(28,27,10)
-
#2a290f
#2a290f
rgb(42,41,15)
-
#393714
#393714
rgb(57,55,20)
-
#474619
#474619
rgb(71,70,25)
-
#56541e
#56541e
rgb(86,84,30)
-
#656223
#656223
rgb(101,98,35)
-
#737028
#737028
rgb(115,112,40)
-
#827e2d
#827e2d
rgb(130,126,45)
-
#908c32
#908c32
rgb(144,140,50)
-
#9f9b37
#9f9b37
rgb(159,155,55)
-
#ada93c
#ada93c
rgb(173,169,60)
-
#bcb741
#bcb741
rgb(188,183,65)
-
#c2bd4f
#c2bd4f
rgb(194,189,79)
-
#c7c35d
#c7c35d
rgb(199,195,93)
-
#ccc86c
#ccc86c
rgb(204,200,108)
-
#d1cd7b
#d1cd7b
rgb(209,205,123)
-
#d6d389
#d6d389
rgb(214,211,137)
-
#dbd898
#dbd898
rgb(219,216,152)
-
#e0dea6
#e0dea6
rgb(224,222,166)
-
#e5e3b5
#e5e3b5
rgb(229,227,181)
-
#eae9c3
#eae9c3
rgb(234,233,195)
-
#efeed2
#efeed2
rgb(239,238,210)
-
#f4f4e1
#f4f4e1
rgb(244,244,225)
-
#f9f9ef
#f9f9ef
rgb(249,249,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ccc86c
A tone is produced by adding gray to any pure hue. In this case, #9e9e9a is the less saturated color, while #faf23e is the most saturated one.
-
#9e9e9a
#9e9e9a
rgb(158,158,154)
-
#a6a592
#a6a592
rgb(166,165,146)
-
#aeac8a
#aeac8a
rgb(174,172,138)
-
#b5b383
#b5b383
rgb(181,179,131)
-
#bdba7b
#bdba7b
rgb(189,186,123)
-
#c4c174
#c4c174
rgb(196,193,116)
-
#ccc86c
#ccc86c
rgb(204,200,108)
-
#d4cf64
#d4cf64
rgb(212,207,100)
-
#dbd65d
#dbd65d
rgb(219,214,93)
-
#e3dd55
#e3dd55
rgb(227,221,85)
-
#eae44e
#eae44e
rgb(234,228,78)
-
#f2eb46
#f2eb46
rgb(242,235,70)
-
#faf23e
#faf23e
rgb(250,242,62)
Color Blindness Simulator
Below, you can see how #ccc86c 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.