#ccc683 Color Information
In a RGB color space, hex #ccc683 is composed of 80% red, 77.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 35.8% yellow and 20% black. It has a hue angle of 55.1 degrees, a saturation of 41.7% and a lightness of 65.7%. #ccc683 color hex could be obtained by blending #ffffff with #998d07. Closest websafe color is: #cccc99.
-
- R 80
- G 78
- B 51
-
- C 0
- M 3
- Y 36
- K 20
● #ccc683 color description : Slightly desaturated yellow.
#ccc683 Color Conversion
The hexadecimal color #ccc683 has RGB values of R:204, G:198, B:131 and CMYK values of C:0, M:0.03, Y:0.36, K:0.2. Its decimal value is 13420163.
Hex triplet | ccc683 | #ccc683 |
---|---|---|
RGB Decimal | 204, 198, 131 | rgb(204,198,131) |
RGB Percent | 80, 77.6, 51.4 | rgb(80%,77.6%,51.4%) |
CMYK | 0, 3, 36, 20 | |
HSL | 55.1°, 41.7, 65.7 | hsl(55.1,41.7%,65.7%) |
HSV (or HSB) | 55.1°, 35.8, 80 | |
Web Safe | cccc99 | #cccc99 |
CIE-LAB | 78.963, -7.883, 34.359 |
---|---|
XYZ | 49.192, 54.865, 29.47 |
xyY | 0.368, 0.411, 54.865 |
CIE-LCH | 78.963, 35.252, 102.922 |
CIE-LUV | 78.963, 7.19, 46.926 |
Hunter-Lab | 74.071, -11.078, 28.26 |
Binary | 11001100, 11000110, 10000011 |
Color Schemes with #ccc683
Alternatives to #ccc683
Below, you can see some colors close to #ccc683. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc683 Preview
This text has a font color of #ccc683.
<span style="color:#ccc683;">Text here</span>
This paragraph has a background color of #ccc683.
<p style="background-color:#ccc683;">Content here</p>
This element has a border color of #ccc683.
<div style="border:1px solid #ccc683;">Content here</div>
.text {color:#ccc683;}
.background {background-color:#ccc683;}
.border {border:1px solid #ccc683;}
Shades and Tints of #ccc683
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, #010100 is the darkest color, while #faf9f2 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0f0e06
#0f0e06
rgb(15,14,6)
-
#1d1b0c
#1d1b0c
rgb(29,27,12)
-
#2b2912
#2b2912
rgb(43,41,18)
-
#393617
#393617
rgb(57,54,23)
-
#47431d
#47431d
rgb(71,67,29)
-
#545023
#545023
rgb(84,80,35)
-
#625e28
#625e28
rgb(98,94,40)
-
#706b2e
#706b2e
rgb(112,107,46)
-
#7e7834
#7e7834
rgb(126,120,52)
-
#8c853a
#8c853a
rgb(140,133,58)
-
#9a933f
#9a933f
rgb(154,147,63)
-
#a8a045
#a8a045
rgb(168,160,69)
-
#b5ac4b
#b5ac4b
rgb(181,172,75)
-
#bbb359
#bbb359
rgb(187,179,89)
-
#c1b967
#c1b967
rgb(193,185,103)
-
#c6c075
#c6c075
rgb(198,192,117)
-
#ccc683
#ccc683
rgb(204,198,131)
-
#d2cc91
#d2cc91
rgb(210,204,145)
-
#d7d39f
#d7d39f
rgb(215,211,159)
-
#ddd9ad
#ddd9ad
rgb(221,217,173)
-
#e3e0bb
#e3e0bb
rgb(227,224,187)
-
#e9e6c8
#e9e6c8
rgb(233,230,200)
-
#eeecd6
#eeecd6
rgb(238,236,214)
-
#f4f3e4
#f4f3e4
rgb(244,243,228)
-
#faf9f2
#faf9f2
rgb(250,249,242)
Tones of #ccc683
A tone is produced by adding gray to any pure hue. In this case, #aaaaa5 is the less saturated color, while #fbed54 is the most saturated one.
-
#aaaaa5
#aaaaa5
rgb(170,170,165)
-
#b1b09e
#b1b09e
rgb(177,176,158)
-
#b8b597
#b8b597
rgb(184,181,151)
-
#bfbb90
#bfbb90
rgb(191,187,144)
-
#c5c08a
#c5c08a
rgb(197,192,138)
-
#ccc683
#ccc683
rgb(204,198,131)
-
#d3cc7c
#d3cc7c
rgb(211,204,124)
-
#d9d176
#d9d176
rgb(217,209,118)
-
#e0d76f
#e0d76f
rgb(224,215,111)
-
#e7dc68
#e7dc68
rgb(231,220,104)
-
#eee261
#eee261
rgb(238,226,97)
-
#f4e85b
#f4e85b
rgb(244,232,91)
-
#fbed54
#fbed54
rgb(251,237,84)
Color Blindness Simulator
Below, you can see how #ccc683 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.