#ccff2e hex color

In a RGB color space, hex #ccff2e is composed of 80% red, 100% green and 18% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 82% yellow and 0% black. It has a hue angle of 74.6 degrees, a saturation of 100% and a lightness of 59%. #ccff2e color hex could be obtained by blending #ffff5c with #99ff00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 100
- B 18
RGB color chart
- C 20
- M 0
- Y 82
- K 0
CMYK color chart

● #ccff2e color description : Vivid yellow.

The hexadecimal color #ccff2e has RGB values of R:204, G:255, B:46 and CMYK values of C:0.2, M:0, Y:0.82, K:0. Its decimal value is 13434670.

Hex triplet	ccff2e	`#ccff2e`
RGB Decimal	204, 255, 46	`rgb(204,255,46)`
RGB Percent	80, 100, 18	`rgb(80%,100%,18%)`
CMYK	20, 0, 82, 0
HSL	74.6°, 100, 59	`hsl(74.6,100%,59%)`
HSV (or HSB)	74.6°, 82, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.69, -41.153, 84.283
XYZ	61.154, 84.554, 15.683
xyY	0.379, 0.524, 84.554
CIE-LCH	93.69, 93.793, 116.025
CIE-LUV	93.69, -24.52, 102.918
Hunter-Lab	91.953, -42.205, 54.255
Binary	11001100, 11111111, 00101110

#ccff2e
```
#ccff2e rgb(204,255,46)
```
#612eff
```
#612eff rgb(97,46,255)
```

Complementary Color

#ffca2e
```
#ffca2e rgb(255,202,46)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#64ff2e
```
#64ff2e rgb(100,255,46)
```

Analogous Color

#ca2eff
```
#ca2eff rgb(202,46,255)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#2e63ff
```
#2e63ff rgb(46,99,255)
```

Split Complementary Color

#ff2ecc
```
#ff2ecc rgb(255,46,204)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#2eccff
```
#2eccff rgb(46,204,255)
```

Triadic Color

#ff612e
```
#ff612e rgb(255,97,46)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#2eccff
```
#2eccff rgb(46,204,255)
```
#612eff
```
#612eff rgb(97,46,255)
```

Tetradic Color

#aae100
```
#aae100 rgb(170,225,0)
```
#bdfa00
```
#bdfa00 rgb(189,250,0)
```
#c6ff15
```
#c6ff15 rgb(198,255,21)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#d2ff48
```
#d2ff48 rgb(210,255,72)
```
#d8ff61
```
#d8ff61 rgb(216,255,97)
```
#dfff7b
```
#dfff7b rgb(223,255,123)
```

Monochromatic Color

Below, you can see some colors close to #ccff2e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fffe2e
```
#fffe2e rgb(255,254,46)
```
#efff2e
```
#efff2e rgb(239,255,46)
```
#ddff2e
```
#ddff2e rgb(221,255,46)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#bbff2e
```
#bbff2e rgb(187,255,46)
```
#a9ff2e
```
#a9ff2e rgb(169,255,46)
```
#98ff2e
```
#98ff2e rgb(152,255,46)
```

Similar Colors

Text with hexadecimal color #ccff2e

This text has a font color of #ccff2e.

<span style="color:#ccff2e;">Text here</span>

#ccff2e background color

This paragraph has a background color of #ccff2e.

<p style="background-color:#ccff2e;">Content here</p>

#ccff2e border color

This element has a border color of #ccff2e.

<div style="border:1px solid #ccff2e;">Content here</div>

CSS codes

.text {color:#ccff2e;}

.background {background-color:#ccff2e;}

.border {border:1px solid #ccff2e;}

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, #050700 is the darkest color, while #fcfff2 is the lightest one.

#050700
```
#050700 rgb(5,7,0)
```
#141a00
```
#141a00 rgb(20,26,0)
```
#232e00
```
#232e00 rgb(35,46,0)
```
#324200
```
#324200 rgb(50,66,0)
```
#405500
```
#405500 rgb(64,85,0)
```
#4f6900
```
#4f6900 rgb(79,105,0)
```
#5e7c00
```
#5e7c00 rgb(94,124,0)
```
#6d9000
```
#6d9000 rgb(109,144,0)
```
#7ca400
```
#7ca400 rgb(124,164,0)
```
#8bb700
```
#8bb700 rgb(139,183,0)
```
#99cb00
```
#99cb00 rgb(153,203,0)
```
#a8df00
```
#a8df00 rgb(168,223,0)
```
#b7f200
```
#b7f200 rgb(183,242,0)
```

Shade Color Variation

#c2ff07
```
#c2ff07 rgb(194,255,7)
```
#c7ff1a
```
#c7ff1a rgb(199,255,26)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```
#d1ff42
```
#d1ff42 rgb(209,255,66)
```
#d6ff55
```
#d6ff55 rgb(214,255,85)
```
#daff69
```
#daff69 rgb(218,255,105)
```
#dfff7c
```
#dfff7c rgb(223,255,124)
```
#e4ff90
```
#e4ff90 rgb(228,255,144)
```
#e9ffa4
```
#e9ffa4 rgb(233,255,164)
```
#eeffb7
```
#eeffb7 rgb(238,255,183)
```
#f2ffcb
```
#f2ffcb rgb(242,255,203)
```
#f7ffdf
```
#f7ffdf rgb(247,255,223)
```
#fcfff2
```
#fcfff2 rgb(252,255,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9f8e is the less saturated color, while #ccff2e is the most saturated one.

#9b9f8e
```
#9b9f8e rgb(155,159,142)
```
#9fa786
```
#9fa786 rgb(159,167,134)
```
#a3af7e
```
#a3af7e rgb(163,175,126)
```
#a7b776
```
#a7b776 rgb(167,183,118)
```
#abbf6e
```
#abbf6e rgb(171,191,110)
```
#afc766
```
#afc766 rgb(175,199,102)
```
#b3cf5e
```
#b3cf5e rgb(179,207,94)
```
#b7d756
```
#b7d756 rgb(183,215,86)
```
#bcdf4e
```
#bcdf4e rgb(188,223,78)
```
#c0e746
```
#c0e746 rgb(192,231,70)
```
#c4ef3e
```
#c4ef3e rgb(196,239,62)
```
#c8f736
```
#c8f736 rgb(200,247,54)
```
#ccff2e
```
#ccff2e rgb(204,255,46)
```

Tone Color Variation

Below, you can see how #ccff2e 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.

Monochromacy

#d8d8d8 Achromatopsia 0.005% of the population
#d6e0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea7 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#e5eeff Tritanopia 0.001% of the population

Trichromacy

#ecf47b Protanomaly 1% of men, 0.01% of women
#ecf296 Deuteranomaly 6% of men, 0.4% of women
#dcf4b3 Tritanomaly 0.01% of the population

#ccff2e hex color

#ccff2e Color Information

#ccff2e Color Conversion

Color Schemes with #ccff2e

Alternatives to #ccff2e

#ccff2e Preview

Shades and Tints of #ccff2e

Tones of #ccff2e

Color Blindness Simulator