#ccff31 Color Information
In a RGB color space, hex #ccff31 is composed of 80% red, 100% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 80.8% yellow and 0% black. It has a hue angle of 74.9 degrees, a saturation of 100% and a lightness of 59.6%. #ccff31 color hex could be obtained by blending #ffff62 with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 19
-
- C 20
- M 0
- Y 81
- K 0
● #ccff31 color description : Vivid yellow.
#ccff31 Color Conversion
The hexadecimal color #ccff31 has RGB values of R:204, G:255, B:49 and CMYK values of C:0.2, M:0, Y:0.81, K:0. Its decimal value is 13434673.
Hex triplet | ccff31 | #ccff31 |
---|---|---|
RGB Decimal | 204, 255, 49 | rgb(204,255,49) |
RGB Percent | 80, 100, 19.2 | rgb(80%,100%,19.2%) |
CMYK | 20, 0, 81, 0 | |
HSL | 74.9°, 100, 59.6 | hsl(74.9,100%,59.6%) |
HSV (or HSB) | 74.9°, 80.8, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.701, -41.055, 83.587 |
---|---|
XYZ | 61.215, 84.578, 16.006 |
xyY | 0.378, 0.523, 84.578 |
CIE-LCH | 93.701, 93.125, 116.158 |
CIE-LUV | 93.701, -24.526, 102.442 |
Hunter-Lab | 91.966, -42.127, 54.058 |
Binary | 11001100, 11111111, 00110001 |
Color Schemes with #ccff31
Alternatives to #ccff31
Below, you can see some colors close to #ccff31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff31 Preview
This text has a font color of #ccff31.
<span style="color:#ccff31;">Text here</span>
This paragraph has a background color of #ccff31.
<p style="background-color:#ccff31;">Content here</p>
This element has a border color of #ccff31.
<div style="border:1px solid #ccff31;">Content here</div>
.text {color:#ccff31;}
.background {background-color:#ccff31;}
.border {border:1px solid #ccff31;}
Shades and Tints of #ccff31
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, #070a00 is the darkest color, while #fdfff5 is the lightest one.
-
#070a00
#070a00
rgb(7,10,0)
-
#161d00
#161d00
rgb(22,29,0)
-
#253100
#253100
rgb(37,49,0)
-
#344500
#344500
rgb(52,69,0)
-
#425800
#425800
rgb(66,88,0)
-
#516c00
#516c00
rgb(81,108,0)
-
#607f00
#607f00
rgb(96,127,0)
-
#6f9300
#6f9300
rgb(111,147,0)
-
#7da700
#7da700
rgb(125,167,0)
-
#8cba00
#8cba00
rgb(140,186,0)
-
#9bce00
#9bce00
rgb(155,206,0)
-
#aae200
#aae200
rgb(170,226,0)
-
#b8f500
#b8f500
rgb(184,245,0)
-
#c2ff0a
#c2ff0a
rgb(194,255,10)
-
#c7ff1d
#c7ff1d
rgb(199,255,29)
-
#ccff31
#ccff31
rgb(204,255,49)
-
#d1ff45
#d1ff45
rgb(209,255,69)
-
#d6ff58
#d6ff58
rgb(214,255,88)
-
#dbff6c
#dbff6c
rgb(219,255,108)
-
#dfff7f
#dfff7f
rgb(223,255,127)
-
#e4ff93
#e4ff93
rgb(228,255,147)
-
#e9ffa7
#e9ffa7
rgb(233,255,167)
-
#eeffba
#eeffba
rgb(238,255,186)
-
#f3ffce
#f3ffce
rgb(243,255,206)
-
#f8ffe2
#f8ffe2
rgb(248,255,226)
-
#fdfff5
#fdfff5
rgb(253,255,245)
Tones of #ccff31
A tone is produced by adding gray to any pure hue. In this case, #9ca090 is the less saturated color, while #ccff31 is the most saturated one.
-
#9ca090
#9ca090
rgb(156,160,144)
-
#a0a888
#a0a888
rgb(160,168,136)
-
#a4b080
#a4b080
rgb(164,176,128)
-
#a8b878
#a8b878
rgb(168,184,120)
-
#acc070
#acc070
rgb(172,192,112)
-
#b0c868
#b0c868
rgb(176,200,104)
-
#b4cf61
#b4cf61
rgb(180,207,97)
-
#b8d759
#b8d759
rgb(184,215,89)
-
#bcdf51
#bcdf51
rgb(188,223,81)
-
#c0e749
#c0e749
rgb(192,231,73)
-
#c4ef41
#c4ef41
rgb(196,239,65)
-
#c8f739
#c8f739
rgb(200,247,57)
-
#ccff31
#ccff31
rgb(204,255,49)
Color Blindness Simulator
Below, you can see how #ccff31 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.