#ccc687 Color Information
In a RGB color space, hex #ccc687 is composed of 80% red, 77.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 33.8% yellow and 20% black. It has a hue angle of 54.8 degrees, a saturation of 40.4% and a lightness of 66.5%. #ccc687 color hex could be obtained by blending #ffffff with #998d0f. Closest websafe color is: #cccc99.
-
- R 80
- G 78
- B 53
-
- C 0
- M 3
- Y 34
- K 20
● #ccc687 color description : Slightly desaturated yellow.
#ccc687 Color Conversion
The hexadecimal color #ccc687 has RGB values of R:204, G:198, B:135 and CMYK values of C:0, M:0.03, Y:0.34, K:0.2. Its decimal value is 13420167.
Hex triplet | ccc687 | #ccc687 |
---|---|---|
RGB Decimal | 204, 198, 135 | rgb(204,198,135) |
RGB Percent | 80, 77.6, 52.9 | rgb(80%,77.6%,52.9%) |
CMYK | 0, 3, 34, 20 | |
HSL | 54.8°, 40.4, 66.5 | hsl(54.8,40.4%,66.5%) |
HSV (or HSB) | 54.8°, 33.8, 80 | |
Web Safe | cccc99 | #cccc99 |
CIE-LAB | 79.027, -7.408, 32.373 |
---|---|
XYZ | 49.468, 54.975, 30.926 |
xyY | 0.365, 0.406, 54.975 |
CIE-LCH | 79.027, 33.21, 102.889 |
CIE-LUV | 79.027, 6.999, 44.579 |
Hunter-Lab | 74.145, -10.663, 27.172 |
Binary | 11001100, 11000110, 10000111 |
Color Schemes with #ccc687
Alternatives to #ccc687
Below, you can see some colors close to #ccc687. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc687 Preview
This text has a font color of #ccc687.
<span style="color:#ccc687;">Text here</span>
This paragraph has a background color of #ccc687.
<p style="background-color:#ccc687;">Content here</p>
This element has a border color of #ccc687.
<div style="border:1px solid #ccc687;">Content here</div>
.text {color:#ccc687;}
.background {background-color:#ccc687;}
.border {border:1px solid #ccc687;}
Shades and Tints of #ccc687
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, #040402 is the darkest color, while #fbfaf5 is the lightest one.
-
#040402
#040402
rgb(4,4,2)
-
#121108
#121108
rgb(18,17,8)
-
#1f1e0d
#1f1e0d
rgb(31,30,13)
-
#2d2b13
#2d2b13
rgb(45,43,19)
-
#3b3819
#3b3819
rgb(59,56,25)
-
#49451f
#49451f
rgb(73,69,31)
-
#565225
#565225
rgb(86,82,37)
-
#645f2b
#645f2b
rgb(100,95,43)
-
#726c30
#726c30
rgb(114,108,48)
-
#807936
#807936
rgb(128,121,54)
-
#8e863c
#8e863c
rgb(142,134,60)
-
#9b9442
#9b9442
rgb(155,148,66)
-
#a9a148
#a9a148
rgb(169,161,72)
-
#b5ac50
#b5ac50
rgb(181,172,80)
-
#bab25e
#bab25e
rgb(186,178,94)
-
#c0b96b
#c0b96b
rgb(192,185,107)
-
#c6bf79
#c6bf79
rgb(198,191,121)
-
#ccc687
#ccc687
rgb(204,198,135)
-
#d2cd95
#d2cd95
rgb(210,205,149)
-
#d8d3a3
#d8d3a3
rgb(216,211,163)
-
#dedab0
#dedab0
rgb(222,218,176)
-
#e3e0be
#e3e0be
rgb(227,224,190)
-
#e9e7cc
#e9e7cc
rgb(233,231,204)
-
#efedda
#efedda
rgb(239,237,218)
-
#f5f4e7
#f5f4e7
rgb(245,244,231)
-
#fbfaf5
#fbfaf5
rgb(251,250,245)
Tones of #ccc687
A tone is produced by adding gray to any pure hue. In this case, #ababa8 is the less saturated color, while #faec59 is the most saturated one.
-
#ababa8
#ababa8
rgb(171,171,168)
-
#b2b0a1
#b2b0a1
rgb(178,176,161)
-
#b8b69b
#b8b69b
rgb(184,182,155)
-
#bfbb94
#bfbb94
rgb(191,187,148)
-
#c5c18e
#c5c18e
rgb(197,193,142)
-
#ccc687
#ccc687
rgb(204,198,135)
-
#d3cb80
#d3cb80
rgb(211,203,128)
-
#d9d17a
#d9d17a
rgb(217,209,122)
-
#e0d673
#e0d673
rgb(224,214,115)
-
#e6dc6d
#e6dc6d
rgb(230,220,109)
-
#ede166
#ede166
rgb(237,225,102)
-
#f3e760
#f3e760
rgb(243,231,96)
-
#faec59
#faec59
rgb(250,236,89)
Color Blindness Simulator
Below, you can see how #ccc687 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.