#ccf500 Color Information
In a RGB color space, hex #ccf500 is composed of 80% red, 96.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 100% yellow and 3.9% black. It has a hue angle of 70 degrees, a saturation of 100% and a lightness of 48%. #ccf500 color hex could be obtained by blending #ffff00 with #99eb00. Closest websafe color is: #ccff00.
-
- R 80
- G 96
- B 0
-
- C 17
- M 0
- Y 100
- K 4
● #ccf500 color description : Pure (or mostly pure) yellow.
#ccf500 Color Conversion
The hexadecimal color #ccf500 has RGB values of R:204, G:245, B:0 and CMYK values of C:0.17, M:0, Y:1, K:0.04. Its decimal value is 13432064.
Hex triplet | ccf500 | #ccf500 |
---|---|---|
RGB Decimal | 204, 245, 0 | rgb(204,245,0) |
RGB Percent | 80, 96.1, 0 | rgb(80%,96.1%,0%) |
CMYK | 17, 0, 100, 4 | |
HSL | 70°, 100, 48 | hsl(70,100%,48%) |
HSV (or HSB) | 70°, 100, 96.1 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 90.845, -37.529, 88.19 |
---|---|
XYZ | 57.554, 78.142, 12.051 |
xyY | 0.39, 0.529, 78.142 |
CIE-LCH | 90.845, 95.843, 113.052 |
CIE-LUV | 90.845, -18.862, 103.037 |
Hunter-Lab | 88.398, -38.479, 53.796 |
Binary | 11001100, 11110101, 00000000 |
Color Schemes with #ccf500
Alternatives to #ccf500
Below, you can see some colors close to #ccf500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf500 Preview
This text has a font color of #ccf500.
<span style="color:#ccf500;">Text here</span>
This paragraph has a background color of #ccf500.
<p style="background-color:#ccf500;">Content here</p>
This element has a border color of #ccf500.
<div style="border:1px solid #ccf500;">Content here</div>
.text {color:#ccf500;}
.background {background-color:#ccf500;}
.border {border:1px solid #ccf500;}
Shades and Tints of #ccf500
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, #080a00 is the darkest color, while #fdfff5 is the lightest one.
-
#080a00
#080a00
rgb(8,10,0)
-
#181d00
#181d00
rgb(24,29,0)
-
#293100
#293100
rgb(41,49,0)
-
#394400
#394400
rgb(57,68,0)
-
#495800
#495800
rgb(73,88,0)
-
#5a6c00
#5a6c00
rgb(90,108,0)
-
#6a7f00
#6a7f00
rgb(106,127,0)
-
#7a9300
#7a9300
rgb(122,147,0)
-
#8ba700
#8ba700
rgb(139,167,0)
-
#9bba00
#9bba00
rgb(155,186,0)
-
#abce00
#abce00
rgb(171,206,0)
-
#bce100
#bce100
rgb(188,225,0)
-
#ccf500
#ccf500
rgb(204,245,0)
-
#d6ff0a
#d6ff0a
rgb(214,255,10)
-
#d9ff1d
#d9ff1d
rgb(217,255,29)
-
#ddff31
#ddff31
rgb(221,255,49)
-
#e0ff44
#e0ff44
rgb(224,255,68)
-
#e3ff58
#e3ff58
rgb(227,255,88)
-
#e6ff6c
#e6ff6c
rgb(230,255,108)
-
#eaff7f
#eaff7f
rgb(234,255,127)
-
#edff93
#edff93
rgb(237,255,147)
-
#f0ffa7
#f0ffa7
rgb(240,255,167)
-
#f3ffba
#f3ffba
rgb(243,255,186)
-
#f7ffce
#f7ffce
rgb(247,255,206)
-
#faffe1
#faffe1
rgb(250,255,225)
-
#fdfff5
#fdfff5
rgb(253,255,245)
Tones of #ccf500
A tone is produced by adding gray to any pure hue. In this case, #818471 is the less saturated color, while #ccf500 is the most saturated one.
-
#818471
#818471
rgb(129,132,113)
-
#878d68
#878d68
rgb(135,141,104)
-
#8d975e
#8d975e
rgb(141,151,94)
-
#94a055
#94a055
rgb(148,160,85)
-
#9aaa4b
#9aaa4b
rgb(154,170,75)
-
#a0b342
#a0b342
rgb(160,179,66)
-
#a6bc39
#a6bc39
rgb(166,188,57)
-
#adc62f
#adc62f
rgb(173,198,47)
-
#b3cf26
#b3cf26
rgb(179,207,38)
-
#b9d91c
#b9d91c
rgb(185,217,28)
-
#bfe213
#bfe213
rgb(191,226,19)
-
#c6ec09
#c6ec09
rgb(198,236,9)
-
#ccf500
#ccf500
rgb(204,245,0)
Color Blindness Simulator
Below, you can see how #ccf500 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.