#4DF5D0

#4DF5D0

Color Values

HEX

#4DF5D0

RGB

77, 245, 208

HSL

166.8, 89.4%, 63.1%

HSV

166.8, 68.6%, 96.1%

CMYK

68.6%, 0.0%, 15.1%, 3.9%

OKLCH

0.8755 0.1462 174.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#4DF5D0

#F54D72

Analogous

#4DF57C

#4DC6F5

#4DF5D0

Triadic

#4DF5D0

#D04DF5

#F5D04D

Split Complementary

#4DF5D0

#F54DC6

#F57C4D

Tetradic

#4DF5D0

#7C4DF5

#F54D72

#C6F54D

Color Blindness Simulation

Original

#4DF5D0

Protanopia

#9697D9

Deuteranopia

#8C7FDB

Tritanopia

#55E0E2

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FBF5
200
#BBFBED
300
#8BF9E0
400
#4CF5D0
500
#0EF1BF
600
#0BC199
700
#099B7A
800
#077960
900
#095746
950
#06372C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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