#ccde30 Color Information
In a RGB color space, hex #ccde30 is composed of 80% red, 87.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 78.4% yellow and 12.9% black. It has a hue angle of 66.2 degrees, a saturation of 72.5% and a lightness of 52.9%. #ccde30 color hex could be obtained by blending #ffff60 with #99bd00. Closest websafe color is: #cccc33.
-
- R 80
- G 87
- B 19
-
- C 8
- M 0
- Y 78
- K 13
● #ccde30 color description : Bright yellow.
#ccde30 Color Conversion
The hexadecimal color #ccde30 has RGB values of R:204, G:222, B:48 and CMYK values of C:0.08, M:0, Y:0.78, K:0.13. Its decimal value is 13426224.
Hex triplet | ccde30 | #ccde30 |
---|---|---|
RGB Decimal | 204, 222, 48 | rgb(204,222,48) |
RGB Percent | 80, 87.1, 18.8 | rgb(80%,87.1%,18.8%) |
CMYK | 8, 0, 78, 13 | |
HSL | 66.2°, 72.5, 52.9 | hsl(66.2,72.5%,52.9%) |
HSV (or HSB) | 66.2°, 78.4, 87.1 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 84.635, -25.998, 75.833 |
---|---|
XYZ | 51.556, 65.294, 12.683 |
xyY | 0.398, 0.504, 65.294 |
CIE-LCH | 84.635, 80.166, 108.923 |
CIE-LUV | 84.635, -5.421, 89.529 |
Hunter-Lab | 80.804, -27.518, 47.257 |
Binary | 11001100, 11011110, 00110000 |
Color Schemes with #ccde30
Alternatives to #ccde30
Below, you can see some colors close to #ccde30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccde30 Preview
This text has a font color of #ccde30.
<span style="color:#ccde30;">Text here</span>
This paragraph has a background color of #ccde30.
<p style="background-color:#ccde30;">Content here</p>
This element has a border color of #ccde30.
<div style="border:1px solid #ccde30;">Content here</div>
.text {color:#ccde30;}
.background {background-color:#ccde30;}
.border {border:1px solid #ccde30;}
Shades and Tints of #ccde30
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, #0c0d02 is the darkest color, while #fefefb is the lightest one.
-
#0c0d02
#0c0d02
rgb(12,13,2)
-
#1b1e05
#1b1e05
rgb(27,30,5)
-
#2b2f07
#2b2f07
rgb(43,47,7)
-
#3a400a
#3a400a
rgb(58,64,10)
-
#4a510d
#4a510d
rgb(74,81,13)
-
#596210
#596210
rgb(89,98,16)
-
#687212
#687212
rgb(104,114,18)
-
#788315
#788315
rgb(120,131,21)
-
#879418
#879418
rgb(135,148,24)
-
#97a51a
#97a51a
rgb(151,165,26)
-
#a6b61d
#a6b61d
rgb(166,182,29)
-
#b6c720
#b6c720
rgb(182,199,32)
-
#c5d822
#c5d822
rgb(197,216,34)
-
#ccde30
#ccde30
rgb(204,222,48)
-
#d0e141
#d0e141
rgb(208,225,65)
-
#d4e352
#d4e352
rgb(212,227,82)
-
#d9e663
#d9e663
rgb(217,230,99)
-
#dde974
#dde974
rgb(221,233,116)
-
#e1eb85
#e1eb85
rgb(225,235,133)
-
#e5ee96
#e5ee96
rgb(229,238,150)
-
#e9f1a6
#e9f1a6
rgb(233,241,166)
-
#edf4b7
#edf4b7
rgb(237,244,183)
-
#f2f6c8
#f2f6c8
rgb(242,246,200)
-
#f6f9d9
#f6f9d9
rgb(246,249,217)
-
#fafcea
#fafcea
rgb(250,252,234)
-
#fefefb
#fefefb
rgb(254,254,251)
Tones of #ccde30
A tone is produced by adding gray to any pure hue. In this case, #8a8b83 is the less saturated color, while #e2fa14 is the most saturated one.
-
#8a8b83
#8a8b83
rgb(138,139,131)
-
#91947a
#91947a
rgb(145,148,122)
-
#999d71
#999d71
rgb(153,157,113)
-
#a0a767
#a0a767
rgb(160,167,103)
-
#a7b05e
#a7b05e
rgb(167,176,94)
-
#afb955
#afb955
rgb(175,185,85)
-
#b6c24c
#b6c24c
rgb(182,194,76)
-
#bdcc42
#bdcc42
rgb(189,204,66)
-
#c5d539
#c5d539
rgb(197,213,57)
-
#ccde30
#ccde30
rgb(204,222,48)
-
#d3e727
#d3e727
rgb(211,231,39)
-
#dbf01e
#dbf01e
rgb(219,240,30)
-
#e2fa14
#e2fa14
rgb(226,250,20)
Color Blindness Simulator
Below, you can see how #ccde30 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.