#ccff2b hex color

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

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

● #ccff2b color description : Vivid yellow.

The hexadecimal color #ccff2b has RGB values of R:204, G:255, B:43 and CMYK values of C:0.2, M:0, Y:0.83, K:0. Its decimal value is 13434667.

Hex triplet	ccff2b	`#ccff2b`
RGB Decimal	204, 255, 43	`rgb(204,255,43)`
RGB Percent	80, 100, 16.9	`rgb(80%,100%,16.9%)`
CMYK	20, 0, 83, 0
HSL	74.4°, 100, 58.4	`hsl(74.4,100%,58.4%)`
HSV (or HSB)	74.4°, 83.1, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.681, -41.245, 84.94
XYZ	61.097, 84.531, 15.383
xyY	0.379, 0.525, 84.531
CIE-LCH	93.681, 94.424, 115.9
CIE-LUV	93.681, -24.515, 103.362
Hunter-Lab	91.941, -42.278, 54.439
Binary	11001100, 11111111, 00101011

#ccff2b
```
#ccff2b rgb(204,255,43)
```
#5e2bff
```
#5e2bff rgb(94,43,255)
```

Complementary Color

#ffc82b
```
#ffc82b rgb(255,200,43)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#62ff2b
```
#62ff2b rgb(98,255,43)
```

Analogous Color

#c82bff
```
#c82bff rgb(200,43,255)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#2b62ff
```
#2b62ff rgb(43,98,255)
```

Split Complementary Color

#ff2bcc
```
#ff2bcc rgb(255,43,204)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#2bccff
```
#2bccff rgb(43,204,255)
```

Triadic Color

#ff5e2b
```
#ff5e2b rgb(255,94,43)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#2bccff
```
#2bccff rgb(43,204,255)
```
#5e2bff
```
#5e2bff rgb(94,43,255)
```

Tetradic Color

#a8de00
```
#a8de00 rgb(168,222,0)
```
#bcf700
```
#bcf700 rgb(188,247,0)
```
#c6ff12
```
#c6ff12 rgb(198,255,18)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#d2ff45
```
#d2ff45 rgb(210,255,69)
```
#d8ff5e
```
#d8ff5e rgb(216,255,94)
```
#deff78
```
#deff78 rgb(222,255,120)
```

Monochromatic Color

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

#fffd2b
```
#fffd2b rgb(255,253,43)
```
#efff2b
```
#efff2b rgb(239,255,43)
```
#deff2b
```
#deff2b rgb(222,255,43)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#baff2b
```
#baff2b rgb(186,255,43)
```
#a9ff2b
```
#a9ff2b rgb(169,255,43)
```
#97ff2b
```
#97ff2b rgb(151,255,43)
```

Similar Colors

Text with hexadecimal color #ccff2b

This text has a font color of #ccff2b.

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

#ccff2b background color

This paragraph has a background color of #ccff2b.

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

#ccff2b border color

This element has a border color of #ccff2b.

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

CSS codes

.text {color:#ccff2b;}

.background {background-color:#ccff2b;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#121700
```
#121700 rgb(18,23,0)
```
#212b00
```
#212b00 rgb(33,43,0)
```
#303f00
```
#303f00 rgb(48,63,0)
```
#3e5200
```
#3e5200 rgb(62,82,0)
```
#4d6600
```
#4d6600 rgb(77,102,0)
```
#5c7900
```
#5c7900 rgb(92,121,0)
```
#6b8d00
```
#6b8d00 rgb(107,141,0)
```
#7aa100
```
#7aa100 rgb(122,161,0)
```
#89b400
```
#89b400 rgb(137,180,0)
```
#98c800
```
#98c800 rgb(152,200,0)
```
#a7dc00
```
#a7dc00 rgb(167,220,0)
```
#b6ef00
```
#b6ef00 rgb(182,239,0)
```

Shade Color Variation

#c3ff04
```
#c3ff04 rgb(195,255,4)
```
#c7ff17
```
#c7ff17 rgb(199,255,23)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#d1ff3f
```
#d1ff3f rgb(209,255,63)
```
#d5ff52
```
#d5ff52 rgb(213,255,82)
```
#daff66
```
#daff66 rgb(218,255,102)
```
#dfff79
```
#dfff79 rgb(223,255,121)
```
#e4ff8d
```
#e4ff8d rgb(228,255,141)
```
#e8ffa1
```
#e8ffa1 rgb(232,255,161)
```
#edffb4
```
#edffb4 rgb(237,255,180)
```
#f2ffc8
```
#f2ffc8 rgb(242,255,200)
```
#f6ffdc
```
#f6ffdc rgb(246,255,220)
```
#fbffef
```
#fbffef rgb(251,255,239)
```

Tint Color Variation

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

#999d8d
```
#999d8d rgb(153,157,141)
```
#9da585
```
#9da585 rgb(157,165,133)
```
#a2ad7d
```
#a2ad7d rgb(162,173,125)
```
#a6b674
```
#a6b674 rgb(166,182,116)
```
#aabe6c
```
#aabe6c rgb(170,190,108)
```
#aec664
```
#aec664 rgb(174,198,100)
```
#b3ce5c
```
#b3ce5c rgb(179,206,92)
```
#b7d654
```
#b7d654 rgb(183,214,84)
```
#bbde4c
```
#bbde4c rgb(187,222,76)
```
#bfe743
```
#bfe743 rgb(191,231,67)
```
#c4ef3b
```
#c4ef3b rgb(196,239,59)
```
#c8f733
```
#c8f733 rgb(200,247,51)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```

Tone Color Variation

Below, you can see how #ccff2b 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
#d6e0b5 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

#ecf47a Protanomaly 1% of men, 0.01% of women
#ecf295 Deuteranomaly 6% of men, 0.4% of women
#dcf4b1 Tritanomaly 0.01% of the population

#ccff2b hex color

#ccff2b Color Information

#ccff2b Color Conversion

Color Schemes with #ccff2b

Alternatives to #ccff2b

#ccff2b Preview

Shades and Tints of #ccff2b

Tones of #ccff2b

Color Blindness Simulator