colorhexa.com

#2ec372 hex color

In a RGB color space, hex #2ec372 is composed of 18% red, 76.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 41.5% yellow and 23.5% black. It has a hue angle of 147.4 degrees, a saturation of 61.8% and a lightness of 47.3%. #2ec372 color hex could be obtained by blending #5cffe4 with #008700. Closest websafe color is: #33cc66.

- R 18
- G 76
- B 45
RGB color chart
- C 76
- M 0
- Y 42
- K 24
CMYK color chart

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

The hexadecimal color #2ec372 has RGB values of R:46, G:195, B:114 and CMYK values of C:0.76, M:0, Y:0.42, K:0.24. Its decimal value is 3064690.

Hex triplet	2ec372	`#2ec372`
RGB Decimal	46, 195, 114	`rgb(46,195,114)`
RGB Percent	18, 76.5, 44.7	`rgb(18%,76.5%,44.7%)`
CMYK	76, 0, 42, 24
HSL	147.4°, 61.8, 47.3	`hsl(147.4,61.8%,47.3%)`
HSV (or HSB)	147.4°, 76.4, 76.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	70.052, -56.307, 30.036
XYZ	23.677, 40.824, 22.551
xyY	0.272, 0.469, 40.824
CIE-LCH	70.052, 63.817, 151.924
CIE-LUV	70.052, -57.599, 48.987
Hunter-Lab	63.893, -45.665, 23.799
Binary	00101110, 11000011, 01110010

#2ec372
```
#2ec372 rgb(46,195,114)
```
#c32e7f
```
#c32e7f rgb(195,46,127)
```

Complementary Color

#34c32e
```
#34c32e rgb(52,195,46)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#2ec3bd
```
#2ec3bd rgb(46,195,189)
```

Analogous Color

#c32e34
```
#c32e34 rgb(195,46,52)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#bd2ec3
```
#bd2ec3 rgb(189,46,195)
```

Split Complementary Color

#c3722e
```
#c3722e rgb(195,114,46)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#722ec3
```
#722ec3 rgb(114,46,195)
```

Triadic Color

#7fc32e
```
#7fc32e rgb(127,195,46)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#722ec3
```
#722ec3 rgb(114,46,195)
```
#c32e7f
```
#c32e7f rgb(195,46,127)
```

Tetradic Color

#1f854e
```
#1f854e rgb(31,133,78)
```
#249a5a
```
#249a5a rgb(36,154,90)
```
#29ae66
```
#29ae66 rgb(41,174,102)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#3ad17f
```
#3ad17f rgb(58,209,127)
```
#4fd58c
```
#4fd58c rgb(79,213,140)
```
#63da9a
```
#63da9a rgb(99,218,154)
```

Monochromatic Color

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

#2ec34d
```
#2ec34d rgb(46,195,77)
```
#2ec359
```
#2ec359 rgb(46,195,89)
```
#2ec366
```
#2ec366 rgb(46,195,102)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#2ec37e
```
#2ec37e rgb(46,195,126)
```
#2ec38b
```
#2ec38b rgb(46,195,139)
```
#2ec397
```
#2ec397 rgb(46,195,151)
```

Similar Colors

Text with hexadecimal color #2ec372

This text has a font color of #2ec372.

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

#2ec372 background color

This paragraph has a background color of #2ec372.

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

#2ec372 border color

This element has a border color of #2ec372.

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

CSS codes

.text {color:#2ec372;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#05140c
```
#05140c rgb(5,20,12)
```
#092415
```
#092415 rgb(9,36,21)
```
#0c341e
```
#0c341e rgb(12,52,30)
```
#104428
```
#104428 rgb(16,68,40)
```
#145431
```
#145431 rgb(20,84,49)
```
#18643a
```
#18643a rgb(24,100,58)
```
#1b7444
```
#1b7444 rgb(27,116,68)
```
#1f844d
```
#1f844d rgb(31,132,77)
```
#239356
```
#239356 rgb(35,147,86)
```
#27a35f
```
#27a35f rgb(39,163,95)
```
#2ab369
```
#2ab369 rgb(42,179,105)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```

Shade Color Variation

#35cf7c
```
#35cf7c rgb(53,207,124)
```
#45d386
```
#45d386 rgb(69,211,134)
```
#55d790
```
#55d790 rgb(85,215,144)
```
#65db9b
```
#65db9b rgb(101,219,155)
```
#75dea5
```
#75dea5 rgb(117,222,165)
```
#85e2af
```
#85e2af rgb(133,226,175)
```
#94e6ba
```
#94e6ba rgb(148,230,186)
```
#a4eac4
```
#a4eac4 rgb(164,234,196)
```
#b4edce
```
#b4edce rgb(180,237,206)
```
#c4f1d9
```
#c4f1d9 rgb(196,241,217)
```
#d4f5e3
```
#d4f5e3 rgb(212,245,227)
```
#e4f9ed
```
#e4f9ed rgb(228,249,237)
```
#f4fcf8
```
#f4fcf8 rgb(244,252,248)
```

Tint Color Variation

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

#787978
```
#787978 rgb(120,121,120)
```
#6f8278
```
#6f8278 rgb(111,130,120)
```
#668b77
```
#668b77 rgb(102,139,119)
```
#5c9576
```
#5c9576 rgb(92,149,118)
```
#539e75
```
#539e75 rgb(83,158,117)
```
#4aa774
```
#4aa774 rgb(74,167,116)
```
#41b074
```
#41b074 rgb(65,176,116)
```
#37ba73
```
#37ba73 rgb(55,186,115)
```
#2ec372
```
#2ec372 rgb(46,195,114)
```
#25cc71
```
#25cc71 rgb(37,204,113)
```
#1bd670
```
#1bd670 rgb(27,214,112)
```
#12df70
```
#12df70 rgb(18,223,112)
```
#09e86f
```
#09e86f rgb(9,232,111)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaf70 Protanopia 1% of men
#cea883 Deuteranopia 1% of men
#61bcca Tritanopia 0.001% of the population

Trichromacy

#8ab671 Protanomaly 1% of men, 0.01% of women
#94b27d Deuteranomaly 6% of men, 0.4% of women
#4ebeaa Tritanomaly 0.01% of the population