#2ec57f hex color

In a RGB color space, hex #2ec57f is composed of 18% red, 77.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 35.5% yellow and 22.7% black. It has a hue angle of 152.2 degrees, a saturation of 62.1% and a lightness of 47.6%. #2ec57f color hex could be obtained by blending #5cfffe with #008b00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 18
- G 77
- B 50
RGB color chart
- C 77
- M 0
- Y 36
- K 23
CMYK color chart

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

The hexadecimal color #2ec57f has RGB values of R:46, G:197, B:127 and CMYK values of C:0.77, M:0, Y:0.36, K:0.23. Its decimal value is 3065215.

Hex triplet	2ec57f	`#2ec57f`
RGB Decimal	46, 197, 127	`rgb(46,197,127)`
RGB Percent	18, 77.3, 49.8	`rgb(18%,77.3%,49.8%)`
CMYK	77, 0, 36, 23
HSL	152.2°, 62.1, 47.6	`hsl(152.2,62.1%,47.6%)`
HSV (or HSB)	152.2°, 76.6, 77.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	70.901, -54.547, 24.366
XYZ	24.922, 42.043, 26.879
xyY	0.266, 0.448, 42.043
CIE-LCH	70.901, 59.741, 155.93
CIE-LUV	70.901, -57.545, 42.061
Hunter-Lab	64.841, -44.864, 20.81
Binary	00101110, 11000101, 01111111

#2ec57f
```
#2ec57f rgb(46,197,127)
```
#c52e74
```
#c52e74 rgb(197,46,116)
```

Complementary Color

#2ec534
```
#2ec534 rgb(46,197,52)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#2ec0c5
```
#2ec0c5 rgb(46,192,197)
```

Analogous Color

#c5342e
```
#c5342e rgb(197,52,46)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#c52ec0
```
#c52ec0 rgb(197,46,192)
```

Split Complementary Color

#c57f2e
```
#c57f2e rgb(197,127,46)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#7f2ec5
```
#7f2ec5 rgb(127,46,197)
```

Triadic Color

#74c52e
```
#74c52e rgb(116,197,46)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#7f2ec5
```
#7f2ec5 rgb(127,46,197)
```
#c52e74
```
#c52e74 rgb(197,46,116)
```

Tetradic Color

#208757
```
#208757 rgb(32,135,87)
```
#249c64
```
#249c64 rgb(36,156,100)
```
#29b072
```
#29b072 rgb(41,176,114)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#3bd18c
```
#3bd18c rgb(59,209,140)
```
#50d698
```
#50d698 rgb(80,214,152)
```
#65dba4
```
#65dba4 rgb(101,219,164)
```

Monochromatic Color

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

#2ec559
```
#2ec559 rgb(46,197,89)
```
#2ec566
```
#2ec566 rgb(46,197,102)
```
#2ec572
```
#2ec572 rgb(46,197,114)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#2ec58c
```
#2ec58c rgb(46,197,140)
```
#2ec598
```
#2ec598 rgb(46,197,152)
```
#2ec5a5
```
#2ec5a5 rgb(46,197,165)
```

Similar Colors

Text with hexadecimal color #2ec57f

This text has a font color of #2ec57f.

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

#2ec57f background color

This paragraph has a background color of #2ec57f.

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

#2ec57f border color

This element has a border color of #2ec57f.

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

CSS codes

.text {color:#2ec57f;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#05160e
```
#05160e rgb(5,22,14)
```
#092618
```
#092618 rgb(9,38,24)
```
#0d3623
```
#0d3623 rgb(13,54,35)
```
#10462d
```
#10462d rgb(16,70,45)
```
#145637
```
#145637 rgb(20,86,55)
```
#186641
```
#186641 rgb(24,102,65)
```
#1b754c
```
#1b754c rgb(27,117,76)
```
#1f8556
```
#1f8556 rgb(31,133,86)
```
#239560
```
#239560 rgb(35,149,96)
```
#27a56a
```
#27a56a rgb(39,165,106)
```
#2ab575
```
#2ab575 rgb(42,181,117)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```

Shade Color Variation

#36d089
```
#36d089 rgb(54,208,137)
```
#46d492
```
#46d492 rgb(70,212,146)
```
#56d89c
```
#56d89c rgb(86,216,156)
```
#66dba5
```
#66dba5 rgb(102,219,165)
```
#76dfae
```
#76dfae rgb(118,223,174)
```
#86e3b8
```
#86e3b8 rgb(134,227,184)
```
#96e6c1
```
#96e6c1 rgb(150,230,193)
```
#a6eaca
```
#a6eaca rgb(166,234,202)
```
#b6eed4
```
#b6eed4 rgb(182,238,212)
```
#c6f2dd
```
#c6f2dd rgb(198,242,221)
```
#d5f5e7
```
#d5f5e7 rgb(213,245,231)
```
#e5f9f0
```
#e5f9f0 rgb(229,249,240)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7a is the less saturated color, while #09ea82 is the most saturated one.

#797a7a
```
#797a7a rgb(121,122,122)
```
#6f847a
```
#6f847a rgb(111,132,122)
```
#668d7b
```
#668d7b rgb(102,141,123)
```
#5d967c
```
#5d967c rgb(93,150,124)
```
#53a07c
```
#53a07c rgb(83,160,124)
```
#4aa97d
```
#4aa97d rgb(74,169,125)
```
#41b27e
```
#41b27e rgb(65,178,126)
```
#37bc7e
```
#37bc7e rgb(55,188,126)
```
#2ec57f
```
#2ec57f rgb(46,197,127)
```
#25ce80
```
#25ce80 rgb(37,206,128)
```
#1bd880
```
#1bd880 rgb(27,216,128)
```
#12e181
```
#12e181 rgb(18,225,129)
```
#09ea82
```
#09ea82 rgb(9,234,130)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c9b8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb17c Protanopia 1% of men
#ceab8f Deuteranopia 1% of men
#5fbfcd Tritanopia 0.001% of the population

Trichromacy

#8ab87d Protanomaly 1% of men, 0.01% of women
#93b489 Deuteranomaly 6% of men, 0.4% of women
#4dc1b0 Tritanomaly 0.01% of the population

#2ec57f hex color

#2ec57f Color Information

#2ec57f Color Conversion

Color Schemes with #2ec57f

Alternatives to #2ec57f

#2ec57f Preview

Shades and Tints of #2ec57f

Tones of #2ec57f

Color Blindness Simulator