#2cff96 hex color

In a RGB color space, hex #2cff96 is composed of 17.3% red, 100% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 41.2% yellow and 0% black. It has a hue angle of 150.1 degrees, a saturation of 100% and a lightness of 58.6%. #2cff96 color hex could be obtained by blending #58ffff with #00ff2d. Closest websafe color is: #33ff99.

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

● #2cff96 color description : Vivid cyan - lime green.

The hexadecimal color #2cff96 has RGB values of R:44, G:255, B:150 and CMYK values of C:0.83, M:0, Y:0.41, K:0. Its decimal value is 2949014.

Hex triplet	2cff96	`#2cff96`
RGB Decimal	44, 255, 150	`rgb(44,255,150)`
RGB Percent	17.3, 100, 58.8	`rgb(17.3%,100%,58.8%)`
CMYK	83, 0, 41, 0
HSL	150.1°, 100, 58.6	`hsl(150.1,100%,58.6%)`
HSV (or HSB)	150.1°, 82.7, 100
Web Safe	33ff99	`#33ff99`

CIE-LAB	89.042, -71.022, 36.736
XYZ	42.301, 74.253, 40.955
xyY	0.269, 0.471, 74.253
CIE-LCH	89.042, 79.961, 152.65
CIE-LUV	89.042, -75.869, 62.715
Hunter-Lab	86.17, -63.173, 32.14
Binary	00101100, 11111111, 10010110

#2cff96
```
#2cff96 rgb(44,255,150)
```
#ff2c95
```
#ff2c95 rgb(255,44,149)
```

Complementary Color

#2cff2c
```
#2cff2c rgb(44,255,44)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#2cffff
```
#2cffff rgb(44,255,255)
```

Analogous Color

#ff2c2c
```
#ff2c2c rgb(255,44,44)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#ff2cff
```
#ff2cff rgb(255,44,255)
```

Split Complementary Color

#ff962c
```
#ff962c rgb(255,150,44)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#962cff
```
#962cff rgb(150,44,255)
```

Triadic Color

#95ff2c
```
#95ff2c rgb(149,255,44)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#962cff
```
#962cff rgb(150,44,255)
```
#ff2c95
```
#ff2c95 rgb(255,44,149)
```

Tetradic Color

#00df70
```
#00df70 rgb(0,223,112)
```
#00f87d
```
#00f87d rgb(0,248,125)
```
#13ff89
```
#13ff89 rgb(19,255,137)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#46ffa3
```
#46ffa3 rgb(70,255,163)
```
#5fffaf
```
#5fffaf rgb(95,255,175)
```
#79ffbc
```
#79ffbc rgb(121,255,188)
```

Monochromatic Color

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

#2cff61
```
#2cff61 rgb(44,255,97)
```
#2cff73
```
#2cff73 rgb(44,255,115)
```
#2cff84
```
#2cff84 rgb(44,255,132)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#2cffa8
```
#2cffa8 rgb(44,255,168)
```
#2cffb9
```
#2cffb9 rgb(44,255,185)
```
#2cffcb
```
#2cffcb rgb(44,255,203)
```

Similar Colors

Text with hexadecimal color #2cff96

This text has a font color of #2cff96.

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

#2cff96 background color

This paragraph has a background color of #2cff96.

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

#2cff96 border color

This element has a border color of #2cff96.

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

CSS codes

.text {color:#2cff96;}

.background {background-color:#2cff96;}

.border {border:1px solid #2cff96;}

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

#000502
```
#000502 rgb(0,5,2)
```
#00180c
```
#00180c rgb(0,24,12)
```
#002c16
```
#002c16 rgb(0,44,22)
```
#004020
```
#004020 rgb(0,64,32)
```
#00532a
```
#00532a rgb(0,83,42)
```
#006734
```
#006734 rgb(0,103,52)
```
#007a3e
```
#007a3e rgb(0,122,62)
```
#008e47
```
#008e47 rgb(0,142,71)
```
#00a251
```
#00a251 rgb(0,162,81)
```
#00b55b
```
#00b55b rgb(0,181,91)
```
#00c965
```
#00c965 rgb(0,201,101)
```
#00dd6f
```
#00dd6f rgb(0,221,111)
```
#00f079
```
#00f079 rgb(0,240,121)
```

Shade Color Variation

#05ff82
```
#05ff82 rgb(5,255,130)
```
#18ff8c
```
#18ff8c rgb(24,255,140)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```
#40ffa0
```
#40ffa0 rgb(64,255,160)
```
#53ffaa
```
#53ffaa rgb(83,255,170)
```
#67ffb3
```
#67ffb3 rgb(103,255,179)
```
#7affbd
```
#7affbd rgb(122,255,189)
```
#8effc7
```
#8effc7 rgb(142,255,199)
```
#a2ffd1
```
#a2ffd1 rgb(162,255,209)
```
#b5ffda
```
#b5ffda rgb(181,255,218)
```
#c9ffe4
```
#c9ffe4 rgb(201,255,228)
```
#ddffee
```
#ddffee rgb(221,255,238)
```
#f0fff8
```
#f0fff8 rgb(240,255,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9e96 is the less saturated color, while #2cff96 is the most saturated one.

#8d9e96
```
#8d9e96 rgb(141,158,150)
```
#85a696
```
#85a696 rgb(133,166,150)
```
#7dae96
```
#7dae96 rgb(125,174,150)
```
#75b696
```
#75b696 rgb(117,182,150)
```
#6dbe96
```
#6dbe96 rgb(109,190,150)
```
#65c696
```
#65c696 rgb(101,198,150)
```
#5dce96
```
#5dce96 rgb(93,206,150)
```
#55d696
```
#55d696 rgb(85,214,150)
```
#4cdf96
```
#4cdf96 rgb(76,223,150)
```
#44e796
```
#44e796 rgb(68,231,150)
```
#3cef96
```
#3cef96 rgb(60,239,150)
```
#34f796
```
#34f796 rgb(52,247,150)
```
#2cff96
```
#2cff96 rgb(44,255,150)
```

Tone Color Variation

Below, you can see how #2cff96 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

#b4b4b4 Achromatopsia 0.005% of the population
#99c3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e190 Protanopia 1% of men
#ffdaba Deuteranopia 1% of men
#8fefff Tritanopia 0.001% of the population

Trichromacy

#abec92 Protanomaly 1% of men, 0.01% of women
#b2e8ad Deuteranomaly 6% of men, 0.4% of women
#6bf5d8 Tritanomaly 0.01% of the population

#2cff96 hex color

#2cff96 Color Information

#2cff96 Color Conversion

Color Schemes with #2cff96

Alternatives to #2cff96

#2cff96 Preview

Shades and Tints of #2cff96

Tones of #2cff96

Color Blindness Simulator