#ccd300 Color Information
In a RGB color space, hex #ccd300 is composed of 80% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 100% yellow and 17.3% black. It has a hue angle of 62 degrees, a saturation of 100% and a lightness of 41.4%. #ccd300 color hex could be obtained by blending #ffff00 with #99a700. Closest websafe color is: #cccc00.
-
- R 80
- G 83
- B 0
-
- C 3
- M 0
- Y 100
- K 17
● #ccd300 color description : Strong yellow.
#ccd300 Color Conversion
The hexadecimal color #ccd300 has RGB values of R:204, G:211, B:0 and CMYK values of C:0.03, M:0, Y:1, K:0.17. Its decimal value is 13423360.
Hex triplet | ccd300 | #ccd300 |
---|---|---|
RGB Decimal | 204, 211, 0 | rgb(204,211,0) |
RGB Percent | 80, 82.7, 0 | rgb(80%,82.7%,0%) |
CMYK | 3, 0, 100, 17 | |
HSL | 62°, 100, 41.4 | hsl(62,100%,41.4%) |
HSV (or HSB) | 62°, 100, 82.7 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 81.525, -21.655, 81.247 |
---|---|
XYZ | 48.196, 59.427, 8.932 |
xyY | 0.414, 0.51, 59.427 |
CIE-LCH | 81.525, 84.084, 104.924 |
CIE-LUV | 81.525, 1.749, 90.196 |
Hunter-Lab | 77.089, -23.306, 47.093 |
Binary | 11001100, 11010011, 00000000 |
Color Schemes with #ccd300
Alternatives to #ccd300
Below, you can see some colors close to #ccd300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd300 Preview
This text has a font color of #ccd300.
<span style="color:#ccd300;">Text here</span>
This paragraph has a background color of #ccd300.
<p style="background-color:#ccd300;">Content here</p>
This element has a border color of #ccd300.
<div style="border:1px solid #ccd300;">Content here</div>
.text {color:#ccd300;}
.background {background-color:#ccd300;}
.border {border:1px solid #ccd300;}
Shades and Tints of #ccd300
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, #0e0f00 is the darkest color, while #fffffa is the lightest one.
-
#0e0f00
#0e0f00
rgb(14,15,0)
-
#212200
#212200
rgb(33,34,0)
-
#343600
#343600
rgb(52,54,0)
-
#474a00
#474a00
rgb(71,74,0)
-
#5a5d00
#5a5d00
rgb(90,93,0)
-
#6d7100
#6d7100
rgb(109,113,0)
-
#808500
#808500
rgb(128,133,0)
-
#939800
#939800
rgb(147,152,0)
-
#a6ac00
#a6ac00
rgb(166,172,0)
-
#b9bf00
#b9bf00
rgb(185,191,0)
-
#ccd300
#ccd300
rgb(204,211,0)
-
#dfe700
#dfe700
rgb(223,231,0)
-
#f2fa00
#f2fa00
rgb(242,250,0)
-
#f7ff0f
#f7ff0f
rgb(247,255,15)
-
#f8ff22
#f8ff22
rgb(248,255,34)
-
#f8ff36
#f8ff36
rgb(248,255,54)
-
#f9ff4a
#f9ff4a
rgb(249,255,74)
-
#faff5d
#faff5d
rgb(250,255,93)
-
#faff71
#faff71
rgb(250,255,113)
-
#fbff85
#fbff85
rgb(251,255,133)
-
#fcff98
#fcff98
rgb(252,255,152)
-
#fcffac
#fcffac
rgb(252,255,172)
-
#fdffbf
#fdffbf
rgb(253,255,191)
-
#feffd3
#feffd3
rgb(254,255,211)
-
#feffe7
#feffe7
rgb(254,255,231)
-
#fffffa
#fffffa
rgb(255,255,250)
Tones of #ccd300
A tone is produced by adding gray to any pure hue. In this case, #717261 is the less saturated color, while #ccd300 is the most saturated one.
-
#717261
#717261
rgb(113,114,97)
-
#797a59
#797a59
rgb(121,122,89)
-
#808251
#808251
rgb(128,130,81)
-
#888a49
#888a49
rgb(136,138,73)
-
#8f9241
#8f9241
rgb(143,146,65)
-
#979a39
#979a39
rgb(151,154,57)
-
#9fa231
#9fa231
rgb(159,162,49)
-
#a6aa29
#a6aa29
rgb(166,170,41)
-
#aeb320
#aeb320
rgb(174,179,32)
-
#b5bb18
#b5bb18
rgb(181,187,24)
-
#bdc310
#bdc310
rgb(189,195,16)
-
#c4cb08
#c4cb08
rgb(196,203,8)
-
#ccd300
#ccd300
rgb(204,211,0)
Color Blindness Simulator
Below, you can see how #ccd300 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.