#2EF789

#2EF789

Color Values

HEX

#2EF789

RGB

46, 247, 137

HSL

147.2, 92.6%, 57.5%

HSV

147.2, 81.4%, 96.9%

CMYK

81.4%, 0.0%, 44.5%, 3.1%

OKLCH

0.8595 0.2128 152.6

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#2EF789

#F72E9C

Analogous

#38F72E

#2EF7EE

#2EF789

Triadic

#2EF789

#892EF7

#F7892E

Split Complementary

#2EF789

#EE2EF7

#F72E38

Tetradic

#2EF789

#2E38F7

#F72E9C

#F7EE2E

Color Blindness Simulation

Original

#2EF789

Protanopia

#8587A4

Deuteranopia

#796AAA

Tritanopia

#38B9BD

Achromatopsia

#C4C4C4

CSS Usage

background-color: #2EF789;
color: #2EF789;
border-color: #2EF789;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BAFCD8
300
#89FABD
400
#49F898
500
#09F674
600
#08C45D
700
#069D4B
800
#057B3A
900
#08592D
950
#05381C

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.78:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026