#2ecf9f hex color

In a RGB color space, hex #2ecf9f is composed of 18% red, 81.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 23.2% yellow and 18.8% black. It has a hue angle of 162.1 degrees, a saturation of 63.6% and a lightness of 49.6%. #2ecf9f color hex could be obtained by blending #5cffff with #009f3f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 81
- B 62
RGB color chart
- C 78
- M 0
- Y 23
- K 19
CMYK color chart

● #2ecf9f color description : Strong cyan - lime green.

The hexadecimal color #2ecf9f has RGB values of R:46, G:207, B:159 and CMYK values of C:0.78, M:0, Y:0.23, K:0.19. Its decimal value is 3067807.

Hex triplet	2ecf9f	`#2ecf9f`
RGB Decimal	46, 207, 159	`rgb(46,207,159)`
RGB Percent	18, 81.2, 62.4	`rgb(18%,81.2%,62.4%)`
CMYK	78, 0, 23, 19
HSL	162.1°, 63.6, 49.6	`hsl(162.1,63.6%,49.6%)`
HSV (or HSB)	162.1°, 77.8, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.64, -51.413, 12.509
XYZ	29.695, 47.707, 40.442
xyY	0.252, 0.405, 47.707
CIE-LCH	74.64, 52.913, 166.325
CIE-LUV	74.64, -58.975, 26.3
Hunter-Lab	69.07, -44.131, 13.633
Binary	00101110, 11001111, 10011111

#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#cf2e5e
```
#cf2e5e rgb(207,46,94)
```

Complementary Color

#2ecf4f
```
#2ecf4f rgb(46,207,79)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#2eafcf
```
#2eafcf rgb(46,175,207)
```

Analogous Color

#cf4f2e
```
#cf4f2e rgb(207,79,46)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#cf2eaf
```
#cf2eaf rgb(207,46,175)
```

Split Complementary Color

#cf9f2e
```
#cf9f2e rgb(207,159,46)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#9f2ecf
```
#9f2ecf rgb(159,46,207)
```

Triadic Color

#5ecf2e
```
#5ecf2e rgb(94,207,46)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#9f2ecf
```
#9f2ecf rgb(159,46,207)
```
#cf2e5e
```
#cf2e5e rgb(207,46,94)
```

Tetradic Color

#20906f
```
#20906f rgb(32,144,111)
```
#25a57f
```
#25a57f rgb(37,165,127)
```
#29ba8f
```
#29ba8f rgb(41,186,143)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#42d5a9
```
#42d5a9 rgb(66,213,169)
```
#56dab2
```
#56dab2 rgb(86,218,178)
```
#6bdebc
```
#6bdebc rgb(107,222,188)
```

Monochromatic Color

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

#2ecf77
```
#2ecf77 rgb(46,207,119)
```
#2ecf84
```
#2ecf84 rgb(46,207,132)
```
#2ecf92
```
#2ecf92 rgb(46,207,146)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#2ecfac
```
#2ecfac rgb(46,207,172)
```
#2ecfba
```
#2ecfba rgb(46,207,186)
```
#2ecfc7
```
#2ecfc7 rgb(46,207,199)
```

Similar Colors

Text with hexadecimal color #2ecf9f

This text has a font color of #2ecf9f.

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

#2ecf9f background color

This paragraph has a background color of #2ecf9f.

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

#2ecf9f border color

This element has a border color of #2ecf9f.

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

CSS codes

.text {color:#2ecf9f;}

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

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

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, #030e0b is the darkest color, while #fdfffe is the lightest one.

#030e0b
```
#030e0b rgb(3,14,11)
```
#071e17
```
#071e17 rgb(7,30,23)
```
#0a2f24
```
#0a2f24 rgb(10,47,36)
```
#0e3f30
```
#0e3f30 rgb(14,63,48)
```
#114f3c
```
#114f3c rgb(17,79,60)
```
#155f49
```
#155f49 rgb(21,95,73)
```
#196f55
```
#196f55 rgb(25,111,85)
```
#1c7f61
```
#1c7f61 rgb(28,127,97)
```
#208f6e
```
#208f6e rgb(32,143,110)
```
#239f7a
```
#239f7a rgb(35,159,122)
```
#27af86
```
#27af86 rgb(39,175,134)
```
#2abf93
```
#2abf93 rgb(42,191,147)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```

Shade Color Variation

#3dd4a7
```
#3dd4a7 rgb(61,212,167)
```
#4dd7ae
```
#4dd7ae rgb(77,215,174)
```
#5ddbb5
```
#5ddbb5 rgb(93,219,181)
```
#6ddfbd
```
#6ddfbd rgb(109,223,189)
```
#7de2c4
```
#7de2c4 rgb(125,226,196)
```
#8de6cb
```
#8de6cb rgb(141,230,203)
```
#9de9d3
```
#9de9d3 rgb(157,233,211)
```
#adedda
```
#adedda rgb(173,237,218)
```
#bdf0e1
```
#bdf0e1 rgb(189,240,225)
```
#cdf4e8
```
#cdf4e8 rgb(205,244,232)
```
#ddf8f0
```
#ddf8f0 rgb(221,248,240)
```
#edfbf7
```
#edfbf7 rgb(237,251,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8180 is the less saturated color, while #07f6af is the most saturated one.

#7c8180
```
#7c8180 rgb(124,129,128)
```
#728b84
```
#728b84 rgb(114,139,132)
```
#689587
```
#689587 rgb(104,149,135)
```
#5f9e8b
```
#5f9e8b rgb(95,158,139)
```
#55a88f
```
#55a88f rgb(85,168,143)
```
#4bb293
```
#4bb293 rgb(75,178,147)
```
#41bc97
```
#41bc97 rgb(65,188,151)
```
#38c59b
```
#38c59b rgb(56,197,155)
```
#2ecf9f
```
#2ecf9f rgb(46,207,159)
```
#24d9a3
```
#24d9a3 rgb(36,217,163)
```
#1be2a7
```
#1be2a7 rgb(27,226,167)
```
#11ecab
```
#11ecab rgb(17,236,171)
```
#07f6af
```
#07f6af rgb(7,246,175)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a49a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ba99 Protanopia 1% of men
#d1b5ad Deuteranopia 1% of men
#5bcad8 Tritanopia 0.001% of the population

Trichromacy

#8ec29b Protanomaly 1% of men, 0.01% of women
#96bea8 Deuteranomaly 6% of men, 0.4% of women
#4bcbc3 Tritanomaly 0.01% of the population

#2ecf9f hex color

#2ecf9f Color Information

#2ecf9f Color Conversion

Color Schemes with #2ecf9f

Alternatives to #2ecf9f

#2ecf9f Preview

Shades and Tints of #2ecf9f

Tones of #2ecf9f

Color Blindness Simulator