#4EDF94

#4EDF94

Color Values

HEX

#4EDF94

RGB

78, 223, 148

HSL

149.0, 69.4%, 59.0%

HSV

149.0, 65.0%, 87.5%

CMYK

65.0%, 0.0%, 33.6%, 12.5%

OKLCH

0.8077 0.1639 156.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#4EDF94

#DF4E99

Analogous

#50DF4E

#4EDFDD

#4EDF94

Triadic

#4EDF94

#944EDF

#DF944E

Split Complementary

#4EDF94

#DD4EDF

#DF4E50

Tetradic

#4EDF94

#4E50DF

#DF4E99

#DFDD4E

Color Blindness Simulation

Original

#4EDF94

Protanopia

#8D8EA6

Deuteranopia

#8479AA

Tritanopia

#55B4B8

Achromatopsia

#BBBBBB

CSS Usage

background-color: #4EDF94;
color: #4EDF94;
border-color: #4EDF94;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DA
300
#97ECC0
400
#5FE29E
500
#27D87D
600
#1FAD64
700
#198A50
800
#146C3E
900
#124F2F
950
#0B321E

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.31: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