#ccff25 Color Information
In a RGB color space, hex #ccff25 is composed of 80% red, 100% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 85.5% yellow and 0% black. It has a hue angle of 74 degrees, a saturation of 100% and a lightness of 57.3%. #ccff25 color hex could be obtained by blending #ffff4a with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 15
-
- C 20
- M 0
- Y 85
- K 0
● #ccff25 color description : Vivid yellow.
#ccff25 Color Conversion
The hexadecimal color #ccff25 has RGB values of R:204, G:255, B:37 and CMYK values of C:0.2, M:0, Y:0.85, K:0. Its decimal value is 13434661.
Hex triplet | ccff25 | #ccff25 |
---|---|---|
RGB Decimal | 204, 255, 37 | rgb(204,255,37) |
RGB Percent | 80, 100, 14.5 | rgb(80%,100%,14.5%) |
CMYK | 20, 0, 85, 0 | |
HSL | 74°, 100, 57.3 | hsl(74,100%,57.3%) |
HSV (or HSB) | 74°, 85.5, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.663, -41.409, 86.137 |
---|---|
XYZ | 60.995, 84.49, 14.845 |
xyY | 0.38, 0.527, 84.49 |
CIE-LCH | 93.663, 95.574, 115.675 |
CIE-LUV | 93.663, -24.506, 104.159 |
Hunter-Lab | 91.918, -42.409, 54.768 |
Binary | 11001100, 11111111, 00100101 |
Color Schemes with #ccff25
Alternatives to #ccff25
Below, you can see some colors close to #ccff25. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff25 Preview
This text has a font color of #ccff25.
<span style="color:#ccff25;">Text here</span>
This paragraph has a background color of #ccff25.
<p style="background-color:#ccff25;">Content here</p>
This element has a border color of #ccff25.
<div style="border:1px solid #ccff25;">Content here</div>
.text {color:#ccff25;}
.background {background-color:#ccff25;}
.border {border:1px solid #ccff25;}
Shades and Tints of #ccff25
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, #0d1100 is the darkest color, while #fefffd is the lightest one.
-
#0d1100
#0d1100
rgb(13,17,0)
-
#1c2500
#1c2500
rgb(28,37,0)
-
#2b3900
#2b3900
rgb(43,57,0)
-
#3a4c00
#3a4c00
rgb(58,76,0)
-
#496000
#496000
rgb(73,96,0)
-
#587300
#587300
rgb(88,115,0)
-
#678700
#678700
rgb(103,135,0)
-
#779b00
#779b00
rgb(119,155,0)
-
#86ae00
#86ae00
rgb(134,174,0)
-
#95c200
#95c200
rgb(149,194,0)
-
#a4d600
#a4d600
rgb(164,214,0)
-
#b3e900
#b3e900
rgb(179,233,0)
-
#c2fd00
#c2fd00
rgb(194,253,0)
-
#c7ff11
#c7ff11
rgb(199,255,17)
-
#ccff25
#ccff25
rgb(204,255,37)
-
#d1ff39
#d1ff39
rgb(209,255,57)
-
#d5ff4c
#d5ff4c
rgb(213,255,76)
-
#daff60
#daff60
rgb(218,255,96)
-
#deff73
#deff73
rgb(222,255,115)
-
#e3ff87
#e3ff87
rgb(227,255,135)
-
#e8ff9b
#e8ff9b
rgb(232,255,155)
-
#ecffae
#ecffae
rgb(236,255,174)
-
#f1ffc2
#f1ffc2
rgb(241,255,194)
-
#f5ffd6
#f5ffd6
rgb(245,255,214)
-
#faffe9
#faffe9
rgb(250,255,233)
-
#fefffd
#fefffd
rgb(254,255,253)
Tones of #ccff25
A tone is produced by adding gray to any pure hue. In this case, #969a8a is the less saturated color, while #ccff25 is the most saturated one.
-
#969a8a
#969a8a
rgb(150,154,138)
-
#9ba381
#9ba381
rgb(155,163,129)
-
#9fab79
#9fab79
rgb(159,171,121)
-
#a4b470
#a4b470
rgb(164,180,112)
-
#a8bc68
#a8bc68
rgb(168,188,104)
-
#adc460
#adc460
rgb(173,196,96)
-
#b1cd57
#b1cd57
rgb(177,205,87)
-
#b6d54f
#b6d54f
rgb(182,213,79)
-
#badd47
#badd47
rgb(186,221,71)
-
#bfe63e
#bfe63e
rgb(191,230,62)
-
#c3ee36
#c3ee36
rgb(195,238,54)
-
#c8f72d
#c8f72d
rgb(200,247,45)
-
#ccff25
#ccff25
rgb(204,255,37)
Color Blindness Simulator
Below, you can see how #ccff25 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.