#ccc684 Color Information
In a RGB color space, hex #ccc684 is composed of 80% red, 77.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 35.3% yellow and 20% black. It has a hue angle of 55 degrees, a saturation of 41.4% and a lightness of 65.9%. #ccc684 color hex could be obtained by blending #ffffff with #998d09. Closest websafe color is: #cccc99.
-
- R 80
- G 78
- B 52
-
- C 0
- M 3
- Y 35
- K 20
● #ccc684 color description : Slightly desaturated yellow.
#ccc684 Color Conversion
The hexadecimal color #ccc684 has RGB values of R:204, G:198, B:132 and CMYK values of C:0, M:0.03, Y:0.35, K:0.2. Its decimal value is 13420164.
Hex triplet | ccc684 | #ccc684 |
---|---|---|
RGB Decimal | 204, 198, 132 | rgb(204,198,132) |
RGB Percent | 80, 77.6, 51.8 | rgb(80%,77.6%,51.8%) |
CMYK | 0, 3, 35, 20 | |
HSL | 55°, 41.4, 65.9 | hsl(55,41.4%,65.9%) |
HSV (or HSB) | 55°, 35.3, 80 | |
Web Safe | cccc99 | #cccc99 |
CIE-LAB | 78.979, -7.766, 33.863 |
---|---|
XYZ | 49.26, 54.892, 29.829 |
xyY | 0.368, 0.41, 54.892 |
CIE-LCH | 78.979, 34.742, 102.916 |
CIE-LUV | 78.979, 7.143, 46.345 |
Hunter-Lab | 74.089, -10.976, 27.992 |
Binary | 11001100, 11000110, 10000100 |
Color Schemes with #ccc684
Alternatives to #ccc684
Below, you can see some colors close to #ccc684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc684 Preview
This text has a font color of #ccc684.
<span style="color:#ccc684;">Text here</span>
This paragraph has a background color of #ccc684.
<p style="background-color:#ccc684;">Content here</p>
This element has a border color of #ccc684.
<div style="border:1px solid #ccc684;">Content here</div>
.text {color:#ccc684;}
.background {background-color:#ccc684;}
.border {border:1px solid #ccc684;}
Shades and Tints of #ccc684
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, #020201 is the darkest color, while #faf9f3 is the lightest one.
-
#020201
#020201
rgb(2,2,1)
-
#100f06
#100f06
rgb(16,15,6)
-
#1e1c0c
#1e1c0c
rgb(30,28,12)
-
#2b2912
#2b2912
rgb(43,41,18)
-
#393618
#393618
rgb(57,54,24)
-
#47441d
#47441d
rgb(71,68,29)
-
#555123
#555123
rgb(85,81,35)
-
#635e29
#635e29
rgb(99,94,41)
-
#716b2f
#716b2f
rgb(113,107,47)
-
#7f7834
#7f7834
rgb(127,120,52)
-
#8c863a
#8c863a
rgb(140,134,58)
-
#9a9340
#9a9340
rgb(154,147,64)
-
#a8a046
#a8a046
rgb(168,160,70)
-
#b5ac4d
#b5ac4d
rgb(181,172,77)
-
#bbb35a
#bbb35a
rgb(187,179,90)
-
#c1b968
#c1b968
rgb(193,185,104)
-
#c6c076
#c6c076
rgb(198,192,118)
-
#ccc684
#ccc684
rgb(204,198,132)
-
#d2cc92
#d2cc92
rgb(210,204,146)
-
#d7d3a0
#d7d3a0
rgb(215,211,160)
-
#ddd9ae
#ddd9ae
rgb(221,217,174)
-
#e3e0bb
#e3e0bb
rgb(227,224,187)
-
#e9e6c9
#e9e6c9
rgb(233,230,201)
-
#eeedd7
#eeedd7
rgb(238,237,215)
-
#f4f3e5
#f4f3e5
rgb(244,243,229)
-
#faf9f3
#faf9f3
rgb(250,249,243)
Tones of #ccc684
A tone is produced by adding gray to any pure hue. In this case, #abaaa5 is the less saturated color, while #fbed55 is the most saturated one.
-
#abaaa5
#abaaa5
rgb(171,170,165)
-
#b1b09f
#b1b09f
rgb(177,176,159)
-
#b8b598
#b8b598
rgb(184,181,152)
-
#bfbb91
#bfbb91
rgb(191,187,145)
-
#c5c08b
#c5c08b
rgb(197,192,139)
-
#ccc684
#ccc684
rgb(204,198,132)
-
#d3cc7d
#d3cc7d
rgb(211,204,125)
-
#d9d177
#d9d177
rgb(217,209,119)
-
#e0d770
#e0d770
rgb(224,215,112)
-
#e7dc69
#e7dc69
rgb(231,220,105)
-
#ede263
#ede263
rgb(237,226,99)
-
#f4e75c
#f4e75c
rgb(244,231,92)
-
#fbed55
#fbed55
rgb(251,237,85)
Color Blindness Simulator
Below, you can see how #ccc684 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.