#ccf220 Color Information
In a RGB color space, hex #ccf220 is composed of 80% red, 94.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 86.8% yellow and 5.1% black. It has a hue angle of 70.9 degrees, a saturation of 89% and a lightness of 53.7%. #ccf220 color hex could be obtained by blending #ffff40 with #99e500. Closest websafe color is: #ccff33.
-
- R 80
- G 95
- B 13
-
- C 16
- M 0
- Y 87
- K 5
● #ccf220 color description : Vivid yellow.
#ccf220 Color Conversion
The hexadecimal color #ccf220 has RGB values of R:204, G:242, B:32 and CMYK values of C:0.16, M:0, Y:0.87, K:0.05. Its decimal value is 13431328.
Hex triplet | ccf220 | #ccf220 |
---|---|---|
RGB Decimal | 204, 242, 32 | rgb(204,242,32) |
RGB Percent | 80, 94.9, 12.5 | rgb(80%,94.9%,12.5%) |
CMYK | 16, 0, 87, 5 | |
HSL | 70.9°, 89, 53.7 | hsl(70.9,89%,53.7%) |
HSV (or HSB) | 70.9°, 86.8, 94.9 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 90.066, -35.745, 84.079 |
---|---|
XYZ | 56.914, 76.446, 13.124 |
xyY | 0.389, 0.522, 76.446 |
CIE-LCH | 90.066, 91.362, 113.032 |
CIE-LUV | 90.066, -17.193, 99.74 |
Hunter-Lab | 87.433, -36.814, 52.304 |
Binary | 11001100, 11110010, 00100000 |
Color Schemes with #ccf220
Alternatives to #ccf220
Below, you can see some colors close to #ccf220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf220 Preview
This text has a font color of #ccf220.
<span style="color:#ccf220;">Text here</span>
This paragraph has a background color of #ccf220.
<p style="background-color:#ccf220;">Content here</p>
This element has a border color of #ccf220.
<div style="border:1px solid #ccf220;">Content here</div>
.text {color:#ccf220;}
.background {background-color:#ccf220;}
.border {border:1px solid #ccf220;}
Shades and Tints of #ccf220
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, #0f1201 is the darkest color, while #fffffe is the lightest one.
-
#0f1201
#0f1201
rgb(15,18,1)
-
#1e2402
#1e2402
rgb(30,36,2)
-
#2e3703
#2e3703
rgb(46,55,3)
-
#3d4a04
#3d4a04
rgb(61,74,4)
-
#4c5c05
#4c5c05
rgb(76,92,5)
-
#5c6f06
#5c6f06
rgb(92,111,6)
-
#6b8108
#6b8108
rgb(107,129,8)
-
#7b9409
#7b9409
rgb(123,148,9)
-
#8aa60a
#8aa60a
rgb(138,166,10)
-
#99b90b
#99b90b
rgb(153,185,11)
-
#a9cb0c
#a9cb0c
rgb(169,203,12)
-
#b8de0d
#b8de0d
rgb(184,222,13)
-
#c7f00e
#c7f00e
rgb(199,240,14)
-
#ccf220
#ccf220
rgb(204,242,32)
-
#d0f333
#d0f333
rgb(208,243,51)
-
#d4f445
#d4f445
rgb(212,244,69)
-
#d9f558
#d9f558
rgb(217,245,88)
-
#ddf66a
#ddf66a
rgb(221,246,106)
-
#e1f77d
#e1f77d
rgb(225,247,125)
-
#e5f88f
#e5f88f
rgb(229,248,143)
-
#eafaa2
#eafaa2
rgb(234,250,162)
-
#eefbb4
#eefbb4
rgb(238,251,180)
-
#f2fcc7
#f2fcc7
rgb(242,252,199)
-
#f6fdd9
#f6fdd9
rgb(246,253,217)
-
#fbfeec
#fbfeec
rgb(251,254,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #ccf220
A tone is produced by adding gray to any pure hue. In this case, #8c8e84 is the less saturated color, while #d2fb17 is the most saturated one.
-
#8c8e84
#8c8e84
rgb(140,142,132)
-
#92977b
#92977b
rgb(146,151,123)
-
#98a072
#98a072
rgb(152,160,114)
-
#9ea969
#9ea969
rgb(158,169,105)
-
#a3b260
#a3b260
rgb(163,178,96)
-
#a9bc56
#a9bc56
rgb(169,188,86)
-
#afc54d
#afc54d
rgb(175,197,77)
-
#b5ce44
#b5ce44
rgb(181,206,68)
-
#bbd73b
#bbd73b
rgb(187,215,59)
-
#c0e032
#c0e032
rgb(192,224,50)
-
#c6e929
#c6e929
rgb(198,233,41)
-
#ccf220
#ccf220
rgb(204,242,32)
-
#d2fb17
#d2fb17
rgb(210,251,23)
Color Blindness Simulator
Below, you can see how #ccf220 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.