#4DF5C2

#4DF5C2

Color Values

HEX

#4DF5C2

RGB

77, 245, 194

HSL

161.8, 89.4%, 63.1%

HSV

161.8, 68.6%, 96.1%

CMYK

68.6%, 0.0%, 20.8%, 3.9%

OKLCH

0.8718 0.1551 168.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#4DF5C2

#F54D80

Analogous

#4DF56E

#4DD4F5

#4DF5C2

Triadic

#4DF5C2

#C24DF5

#F5C24D

Split Complementary

#4DF5C2

#F54DD4

#F56E4D

Tetradic

#4DF5C2

#6E4DF5

#F54D80

#D4F54D

Color Blindness Simulation

Original

#4DF5C2

Protanopia

#9697CE

Deuteranopia

#8C7FD1

Tritanopia

#55D8DA

Achromatopsia

#CECECE

CSS Usage

background-color: #4DF5C2;
color: #4DF5C2;
border-color: #4DF5C2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDFA
100
#E0FBF2
200
#BBFBE8
300
#8BF9D7
400
#4CF5C2
500
#0EF1AC
600
#0BC18A
700
#099B6E
800
#077956
900
#095740
950
#063728

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.16:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026