#2EA06C

#2EA06C

Color Values

HEX

#2EA06C

RGB

46, 160, 108

HSL

152.6, 55.3%, 40.4%

HSV

152.6, 71.2%, 62.7%

CMYK

71.2%, 0.0%, 32.5%, 37.3%

OKLCH

0.6295 0.1282 159.0

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#2EA06C

#A02E62

Analogous

#2EA033

#2E9BA0

#2EA06C

Triadic

#2EA06C

#6C2EA0

#A06C2E

Split Complementary

#2EA06C

#A02E9B

#A0332E

Tetradic

#2EA06C

#332EA0

#A02E62

#9BA02E

Color Blindness Simulation

Original

#2EA06C

Protanopia

#5F6079

Deuteranopia

#59507C

Tritanopia

#348385

Achromatopsia

#848484

CSS Usage

background-color: #2EA06C;
color: #2EA06C;
border-color: #2EA06C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E5F6EE
200
#C8EFDD
300
#A0E4C5
400
#6CD5A5
500
#39C686
600
#2E9E6B
700
#247F56
800
#1C6343
900
#184933
950
#0F2E20

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

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