#2ced96 hex color

In a RGB color space, hex #2ced96 is composed of 17.3% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 153 degrees, a saturation of 84.3% and a lightness of 55.1%. #2ced96 color hex could be obtained by blending #58ffff with #00db2d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 17
- G 93
- B 59
RGB color chart
- C 81
- M 0
- Y 37
- K 7
CMYK color chart

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

The hexadecimal color #2ced96 has RGB values of R:44, G:237, B:150 and CMYK values of C:0.81, M:0, Y:0.37, K:0.07. Its decimal value is 2944406.

Hex triplet	2ced96	`#2ced96`
RGB Decimal	44, 237, 150	`rgb(44,237,150)`
RGB Percent	17.3, 92.9, 58.8	`rgb(17.3%,92.9%,58.8%)`
CMYK	81, 0, 37, 7
HSL	153°, 84.3, 55.1	`hsl(153,84.3%,55.1%)`
HSV (or HSB)	153°, 81.4, 92.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	83.601, -64.808, 29.532
XYZ	36.825, 63.302, 39.13
xyY	0.264, 0.455, 63.302
CIE-LCH	83.601, 71.22, 155.502
CIE-LUV	83.601, -69.974, 51.984
Hunter-Lab	79.563, -56.617, 26.534
Binary	00101100, 11101101, 10010110

#2ced96
```
#2ced96 rgb(44,237,150)
```
#ed2c83
```
#ed2c83 rgb(237,44,131)
```

Complementary Color

#2ced35
```
#2ced35 rgb(44,237,53)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#2ce4ed
```
#2ce4ed rgb(44,228,237)
```

Analogous Color

#ed352c
```
#ed352c rgb(237,53,44)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#ed2ce4
```
#ed2ce4 rgb(237,44,228)
```

Split Complementary Color

#ed962c
```
#ed962c rgb(237,150,44)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#962ced
```
#962ced rgb(150,44,237)
```

Triadic Color

#83ed2c
```
#83ed2c rgb(131,237,44)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#962ced
```
#962ced rgb(150,44,237)
```
#ed2c83
```
#ed2c83 rgb(237,44,131)
```

Tetradic Color

#10bc6f
```
#10bc6f rgb(16,188,111)
```
#12d47d
```
#12d47d rgb(18,212,125)
```
#15eb8a
```
#15eb8a rgb(21,235,138)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#43efa2
```
#43efa2 rgb(67,239,162)
```
#5bf1ad
```
#5bf1ad rgb(91,241,173)
```
#72f3b9
```
#72f3b9 rgb(114,243,185)
```

Monochromatic Color

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

#2ced66
```
#2ced66 rgb(44,237,102)
```
#2ced76
```
#2ced76 rgb(44,237,118)
```
#2ced86
```
#2ced86 rgb(44,237,134)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#2ceda6
```
#2ceda6 rgb(44,237,166)
```
#2cedb6
```
#2cedb6 rgb(44,237,182)
```
#2cedc6
```
#2cedc6 rgb(44,237,198)
```

Similar Colors

Text with hexadecimal color #2ced96

This text has a font color of #2ced96.

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

#2ced96 background color

This paragraph has a background color of #2ced96.

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

#2ced96 border color

This element has a border color of #2ced96.

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

CSS codes

.text {color:#2ced96;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#02180e
```
#02180e rgb(2,24,14)
```
#042a19
```
#042a19 rgb(4,42,25)
```
#053c23
```
#053c23 rgb(5,60,35)
```
#074e2e
```
#074e2e rgb(7,78,46)
```
#086039
```
#086039 rgb(8,96,57)
```
#0a7243
```
#0a7243 rgb(10,114,67)
```
#0b844e
```
#0b844e rgb(11,132,78)
```
#0d9658
```
#0d9658 rgb(13,150,88)
```
#0ea963
```
#0ea963 rgb(14,169,99)
```
#10bb6e
```
#10bb6e rgb(16,187,110)
```
#11cd78
```
#11cd78 rgb(17,205,120)
```
#13df83
```
#13df83 rgb(19,223,131)
```

Shade Color Variation

#1aeb8d
```
#1aeb8d rgb(26,235,141)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#3eef9f
```
#3eef9f rgb(62,239,159)
```
#50f0a8
```
#50f0a8 rgb(80,240,168)
```
#62f2b1
```
#62f2b1 rgb(98,242,177)
```
#74f3ba
```
#74f3ba rgb(116,243,186)
```
#86f5c3
```
#86f5c3 rgb(134,245,195)
```
#98f6cc
```
#98f6cc rgb(152,246,204)
```
#abf8d5
```
#abf8d5 rgb(171,248,213)
```
#bdf9de
```
#bdf9de rgb(189,249,222)
```
#cffbe7
```
#cffbe7 rgb(207,251,231)
```
#e1fcf0
```
#e1fcf0 rgb(225,252,240)
```
#f3fef9
```
#f3fef9 rgb(243,254,249)
```

Tint Color Variation

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

#84958d
```
#84958d rgb(132,149,141)
```
#7b9e8e
```
#7b9e8e rgb(123,158,142)
```
#72a78f
```
#72a78f rgb(114,167,143)
```
#6aaf90
```
#6aaf90 rgb(106,175,144)
```
#61b891
```
#61b891 rgb(97,184,145)
```
#58c192
```
#58c192 rgb(88,193,146)
```
#4fca93
```
#4fca93 rgb(79,202,147)
```
#46d393
```
#46d393 rgb(70,211,147)
```
#3edb94
```
#3edb94 rgb(62,219,148)
```
#35e495
```
#35e495 rgb(53,228,149)
```
#2ced96
```
#2ced96 rgb(44,237,150)
```
#23f697
```
#23f697 rgb(35,246,151)
```
#1aff98
```
#1aff98 rgb(26,255,152)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#90b7a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d290 Protanopia 1% of men
#f5caa7 Deuteranopia 1% of men
#6ce2f3 Tritanopia 0.001% of the population

Trichromacy

#a1dc92 Protanomaly 1% of men, 0.01% of women
#acd7a1 Deuteranomaly 6% of men, 0.4% of women
#55e6d1 Tritanomaly 0.01% of the population

#2ced96 hex color

#2ced96 Color Information

#2ced96 Color Conversion

Color Schemes with #2ced96

Alternatives to #2ced96

#2ced96 Preview

Shades and Tints of #2ced96

Tones of #2ced96

Color Blindness Simulator