#4DC097

#4DC097

Color Values

HEX

#4DC097

RGB

77, 192, 151

HSL

158.6, 47.7%, 52.7%

HSV

158.6, 59.9%, 75.3%

CMYK

59.9%, 0.0%, 21.4%, 24.7%

OKLCH

0.731 0.1209 166.4

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#4DC097

#C04D76

Analogous

#4DC05D

#4DAFC0

#4DC097

Triadic

#4DC097

#974DC0

#C0974D

Split Complementary

#4DC097

#C04DAF

#C05D4D

Tetradic

#4DC097

#5D4DC0

#C04D76

#AFC04D

Color Blindness Simulation

Original

#4DC097

Protanopia

#7F80A1

Deuteranopia

#7870A3

Tritanopia

#53A9AA

Achromatopsia

#A5A5A5

CSS Usage

background-color: #4DC097;
color: #4DC097;
border-color: #4DC097;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECE0
300
#A5DFCA
400
#74CEAE
500
#43BC91
600
#359774
700
#2B795D
800
#215E48
900
#1C4536
950
#112C22

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026