#ccff22 Color Information
In a RGB color space, hex #ccff22 is composed of 80% red, 100% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 86.7% yellow and 0% black. It has a hue angle of 73.8 degrees, a saturation of 100% and a lightness of 56.7%. #ccff22 color hex could be obtained by blending #ffff44 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 13
-
- C 20
- M 0
- Y 87
- K 0
● #ccff22 color description : Vivid yellow.
#ccff22 Color Conversion
The hexadecimal color #ccff22 has RGB values of R:204, G:255, B:34 and CMYK values of C:0.2, M:0, Y:0.87, K:0. Its decimal value is 13434658.
Hex triplet | ccff22 | #ccff22 |
---|---|---|
RGB Decimal | 204, 255, 34 | rgb(204,255,34) |
RGB Percent | 80, 100, 13.3 | rgb(80%,100%,13.3%) |
CMYK | 20, 0, 87, 0 | |
HSL | 73.8°, 100, 56.7 | hsl(73.8,100%,56.7%) |
HSV (or HSB) | 73.8°, 86.7, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.655, -41.482, 86.677 |
---|---|
XYZ | 60.95, 84.472, 14.607 |
xyY | 0.381, 0.528, 84.472 |
CIE-LCH | 93.655, 96.092, 115.575 |
CIE-LUV | 93.655, -24.501, 104.512 |
Hunter-Lab | 91.909, -42.467, 54.913 |
Binary | 11001100, 11111111, 00100010 |
Color Schemes with #ccff22
Alternatives to #ccff22
Below, you can see some colors close to #ccff22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff22 Preview
This text has a font color of #ccff22.
<span style="color:#ccff22;">Text here</span>
This paragraph has a background color of #ccff22.
<p style="background-color:#ccff22;">Content here</p>
This element has a border color of #ccff22.
<div style="border:1px solid #ccff22;">Content here</div>
.text {color:#ccff22;}
.background {background-color:#ccff22;}
.border {border:1px solid #ccff22;}
Shades and Tints of #ccff22
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, #0b0e00 is the darkest color, while #fefffa is the lightest one.
-
#0b0e00
#0b0e00
rgb(11,14,0)
-
#1a2200
#1a2200
rgb(26,34,0)
-
#293600
#293600
rgb(41,54,0)
-
#384900
#384900
rgb(56,73,0)
-
#475d00
#475d00
rgb(71,93,0)
-
#577000
#577000
rgb(87,112,0)
-
#668400
#668400
rgb(102,132,0)
-
#759800
#759800
rgb(117,152,0)
-
#84ab00
#84ab00
rgb(132,171,0)
-
#93bf00
#93bf00
rgb(147,191,0)
-
#a2d300
#a2d300
rgb(162,211,0)
-
#b1e600
#b1e600
rgb(177,230,0)
-
#c0fa00
#c0fa00
rgb(192,250,0)
-
#c7ff0e
#c7ff0e
rgb(199,255,14)
-
#ccff22
#ccff22
rgb(204,255,34)
-
#d1ff36
#d1ff36
rgb(209,255,54)
-
#d5ff49
#d5ff49
rgb(213,255,73)
-
#daff5d
#daff5d
rgb(218,255,93)
-
#deff70
#deff70
rgb(222,255,112)
-
#e3ff84
#e3ff84
rgb(227,255,132)
-
#e7ff98
#e7ff98
rgb(231,255,152)
-
#ecffab
#ecffab
rgb(236,255,171)
-
#f0ffbf
#f0ffbf
rgb(240,255,191)
-
#f5ffd3
#f5ffd3
rgb(245,255,211)
-
#f9ffe6
#f9ffe6
rgb(249,255,230)
-
#fefffa
#fefffa
rgb(254,255,250)
Tones of #ccff22
A tone is produced by adding gray to any pure hue. In this case, #959988 is the less saturated color, while #ccff22 is the most saturated one.
-
#959988
#959988
rgb(149,153,136)
-
#9aa280
#9aa280
rgb(154,162,128)
-
#9eaa77
#9eaa77
rgb(158,170,119)
-
#a3b36f
#a3b36f
rgb(163,179,111)
-
#a7bb66
#a7bb66
rgb(167,187,102)
-
#acc45e
#acc45e
rgb(172,196,94)
-
#b1cc55
#b1cc55
rgb(177,204,85)
-
#b5d54d
#b5d54d
rgb(181,213,77)
-
#badd44
#badd44
rgb(186,221,68)
-
#bee63c
#bee63c
rgb(190,230,60)
-
#c3ee33
#c3ee33
rgb(195,238,51)
-
#c7f72b
#c7f72b
rgb(199,247,43)
-
#ccff22
#ccff22
rgb(204,255,34)
Color Blindness Simulator
Below, you can see how #ccff22 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.