#2ce696 hex color

In a RGB color space, hex #2ce696 is composed of 17.3% red, 90.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 34.8% yellow and 9.8% black. It has a hue angle of 154.2 degrees, a saturation of 78.8% and a lightness of 53.7%. #2ce696 color hex could be obtained by blending #58ffff with #00cd2d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 17
- G 90
- B 59
RGB color chart
- C 81
- M 0
- Y 35
- K 10
CMYK color chart

● #2ce696 color description : Bright cyan - lime green.

The hexadecimal color #2ce696 has RGB values of R:44, G:230, B:150 and CMYK values of C:0.81, M:0, Y:0.35, K:0.1. Its decimal value is 2942614.

Hex triplet	2ce696	`#2ce696`
RGB Decimal	44, 230, 150	`rgb(44,230,150)`
RGB Percent	17.3, 90.2, 58.8	`rgb(17.3%,90.2%,58.8%)`
CMYK	81, 0, 35, 10
HSL	154.2°, 78.8, 53.7	`hsl(154.2,78.8%,53.7%)`
HSV (or HSB)	154.2°, 80.9, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.471, -62.307, 26.667
XYZ	34.838, 59.327, 38.468
xyY	0.263, 0.447, 59.327
CIE-LCH	81.471, 67.774, 156.829
CIE-LUV	81.471, -67.644, 47.66
Hunter-Lab	77.024, -54.058, 24.306
Binary	00101100, 11100110, 10010110

#2ce696
```
#2ce696 rgb(44,230,150)
```
#e62c7c
```
#e62c7c rgb(230,44,124)
```

Complementary Color

#2ce639
```
#2ce639 rgb(44,230,57)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#2cd9e6
```
#2cd9e6 rgb(44,217,230)
```

Analogous Color

#e6392c
```
#e6392c rgb(230,57,44)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#e62cd9
```
#e62cd9 rgb(230,44,217)
```

Split Complementary Color

#e6962c
```
#e6962c rgb(230,150,44)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#962ce6
```
#962ce6 rgb(150,44,230)
```

Triadic Color

#7ce62c
```
#7ce62c rgb(124,230,44)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#962ce6
```
#962ce6 rgb(150,44,230)
```
#e62c7c
```
#e62c7c rgb(230,44,124)
```

Tetradic Color

#15b16e
```
#15b16e rgb(21,177,110)
```
#18c77c
```
#18c77c rgb(24,199,124)
```
#1ade8a
```
#1ade8a rgb(26,222,138)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#43e9a1
```
#43e9a1 rgb(67,233,161)
```
#5aebad
```
#5aebad rgb(90,235,173)
```
#70eeb8
```
#70eeb8 rgb(112,238,184)
```

Monochromatic Color

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

#2ce668
```
#2ce668 rgb(44,230,104)
```
#2ce677
```
#2ce677 rgb(44,230,119)
```
#2ce687
```
#2ce687 rgb(44,230,135)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#2ce6a6
```
#2ce6a6 rgb(44,230,166)
```
#2ce6b5
```
#2ce6b5 rgb(44,230,181)
```
#2ce6c5
```
#2ce6c5 rgb(44,230,197)
```

Similar Colors

Text with hexadecimal color #2ce696

This text has a font color of #2ce696.

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

#2ce696 background color

This paragraph has a background color of #2ce696.

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

#2ce696 border color

This element has a border color of #2ce696.

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

CSS codes

.text {color:#2ce696;}

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

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

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, #02110b is the darkest color, while #feffff is the lightest one.

#02110b
```
#02110b rgb(2,17,11)
```
#042315
```
#042315 rgb(4,35,21)
```
#063420
```
#063420 rgb(6,52,32)
```
#08462b
```
#08462b rgb(8,70,43)
```
#0a5736
```
#0a5736 rgb(10,87,54)
```
#0c6941
```
#0c6941 rgb(12,105,65)
```
#0e7a4c
```
#0e7a4c rgb(14,122,76)
```
#118c57
```
#118c57 rgb(17,140,87)
```
#139d62
```
#139d62 rgb(19,157,98)
```
#15af6d
```
#15af6d rgb(21,175,109)
```
#17c077
```
#17c077 rgb(23,192,119)
```
#19d282
```
#19d282 rgb(25,210,130)
```
#1be38d
```
#1be38d rgb(27,227,141)
```

Shade Color Variation

#2ce696
```
#2ce696 rgb(44,230,150)
```
#3ee89f
```
#3ee89f rgb(62,232,159)
```
#4feaa7
```
#4feaa7 rgb(79,234,167)
```
#61ecb0
```
#61ecb0 rgb(97,236,176)
```
#72eeb9
```
#72eeb9 rgb(114,238,185)
```
#84f0c2
```
#84f0c2 rgb(132,240,194)
```
#95f2ca
```
#95f2ca rgb(149,242,202)
```
#a7f5d3
```
#a7f5d3 rgb(167,245,211)
```
#b8f7dc
```
#b8f7dc rgb(184,247,220)
```
#caf9e5
```
#caf9e5 rgb(202,249,229)
```
#dbfbed
```
#dbfbed rgb(219,251,237)
```
#edfdf6
```
#edfdf6 rgb(237,253,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878b89 is the less saturated color, while #1af899 is the most saturated one.

#878b89
```
#878b89 rgb(135,139,137)
```
#7e948b
```
#7e948b rgb(126,148,139)
```
#759d8c
```
#759d8c rgb(117,157,140)
```
#6ca68d
```
#6ca68d rgb(108,166,141)
```
#62b08e
```
#62b08e rgb(98,176,142)
```
#59b990
```
#59b990 rgb(89,185,144)
```
#50c291
```
#50c291 rgb(80,194,145)
```
#47cb92
```
#47cb92 rgb(71,203,146)
```
#3ed493
```
#3ed493 rgb(62,212,147)
```
#35dd95
```
#35dd95 rgb(53,221,149)
```
#2ce696
```
#2ce696 rgb(44,230,150)
```
#23ef97
```
#23ef97 rgb(35,239,151)
```
#1af899
```
#1af899 rgb(26,248,153)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8db2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcc90 Protanopia 1% of men
#edc5a7 Deuteranopia 1% of men
#69dced Tritanopia 0.001% of the population

Trichromacy

#9cd692 Protanomaly 1% of men, 0.01% of women
#a7d1a0 Deuteranomaly 6% of men, 0.4% of women
#52e0cd Tritanomaly 0.01% of the population

#2ce696 hex color

#2ce696 Color Information

#2ce696 Color Conversion

Color Schemes with #2ce696

Alternatives to #2ce696

#2ce696 Preview

Shades and Tints of #2ce696

Tones of #2ce696

Color Blindness Simulator