#ccd557 Color Information
In a RGB color space, hex #ccd557 is composed of 80% red, 83.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 59.2% yellow and 16.5% black. It has a hue angle of 64.3 degrees, a saturation of 60% and a lightness of 58.8%. #ccd557 color hex could be obtained by blending #ffffae with #99ab00. Closest websafe color is: #cccc66.
-
- R 80
- G 84
- B 34
-
- C 4
- M 0
- Y 59
- K 16
● #ccd557 color description : Moderate yellow.
#ccd557 Color Conversion
The hexadecimal color #ccd557 has RGB values of R:204, G:213, B:87 and CMYK values of C:0.04, M:0, Y:0.59, K:0.16. Its decimal value is 13423959.
Hex triplet | ccd557 | #ccd557 |
---|---|---|
RGB Decimal | 204, 213, 87 | rgb(204,213,87) |
RGB Percent | 80, 83.5, 34.1 | rgb(80%,83.5%,34.1%) |
CMYK | 4, 0, 59, 16 | |
HSL | 64.3°, 60, 58.8 | hsl(64.3,60%,58.8%) |
HSV (or HSB) | 64.3°, 59.2, 83.5 | |
Web Safe | cccc66 | #cccc66 |
CIE-LAB | 82.44, -19.567, 59.641 |
---|---|
XYZ | 50.416, 61.114, 18.157 |
xyY | 0.389, 0.471, 61.114 |
CIE-LCH | 82.44, 62.769, 108.164 |
CIE-LUV | 82.44, -0.471, 75.088 |
Hunter-Lab | 78.176, -21.692, 40.953 |
Binary | 11001100, 11010101, 01010111 |
Color Schemes with #ccd557
Alternatives to #ccd557
Below, you can see some colors close to #ccd557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd557 Preview
This text has a font color of #ccd557.
<span style="color:#ccd557;">Text here</span>
This paragraph has a background color of #ccd557.
<p style="background-color:#ccd557;">Content here</p>
This element has a border color of #ccd557.
<div style="border:1px solid #ccd557;">Content here</div>
.text {color:#ccd557;}
.background {background-color:#ccd557;}
.border {border:1px solid #ccd557;}
Shades and Tints of #ccd557
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, #040501 is the darkest color, while #fcfcf4 is the lightest one.
-
#040501
#040501
rgb(4,5,1)
-
#131405
#131405
rgb(19,20,5)
-
#222409
#222409
rgb(34,36,9)
-
#31340d
#31340d
rgb(49,52,13)
-
#404311
#404311
rgb(64,67,17)
-
#4f5315
#4f5315
rgb(79,83,21)
-
#5d6319
#5d6319
rgb(93,99,25)
-
#6c721d
#6c721d
rgb(108,114,29)
-
#7b8221
#7b8221
rgb(123,130,33)
-
#8a9224
#8a9224
rgb(138,146,36)
-
#99a228
#99a228
rgb(153,162,40)
-
#a8b12c
#a8b12c
rgb(168,177,44)
-
#b7c130
#b7c130
rgb(183,193,48)
-
#c2cd38
#c2cd38
rgb(194,205,56)
-
#c7d147
#c7d147
rgb(199,209,71)
-
#ccd557
#ccd557
rgb(204,213,87)
-
#d1d967
#d1d967
rgb(209,217,103)
-
#d6dd76
#d6dd76
rgb(214,221,118)
-
#dae186
#dae186
rgb(218,225,134)
-
#dfe596
#dfe596
rgb(223,229,150)
-
#e4e9a5
#e4e9a5
rgb(228,233,165)
-
#e9edb5
#e9edb5
rgb(233,237,181)
-
#edf0c5
#edf0c5
rgb(237,240,197)
-
#f2f4d5
#f2f4d5
rgb(242,244,213)
-
#f7f8e4
#f7f8e4
rgb(247,248,228)
-
#fcfcf4
#fcfcf4
rgb(252,252,244)
Tones of #ccd557
A tone is produced by adding gray to any pure hue. In this case, #9c9c90 is the less saturated color, while #effd2f is the most saturated one.
-
#9c9c90
#9c9c90
rgb(156,156,144)
-
#a2a587
#a2a587
rgb(162,165,135)
-
#a9ad7f
#a9ad7f
rgb(169,173,127)
-
#b0b577
#b0b577
rgb(176,181,119)
-
#b7bd6f
#b7bd6f
rgb(183,189,111)
-
#bec567
#bec567
rgb(190,197,103)
-
#c5cd5f
#c5cd5f
rgb(197,205,95)
-
#ccd557
#ccd557
rgb(204,213,87)
-
#d3dd4f
#d3dd4f
rgb(211,221,79)
-
#dae547
#dae547
rgb(218,229,71)
-
#e1ed3f
#e1ed3f
rgb(225,237,63)
-
#e8f537
#e8f537
rgb(232,245,55)
-
#effd2f
#effd2f
rgb(239,253,47)
Color Blindness Simulator
Below, you can see how #ccd557 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.