#4DBE85

#4DBE85

Color Values

HEX

#4DBE85

RGB

77, 190, 133

HSL

149.7, 46.5%, 52.4%

HSV

149.7, 59.5%, 74.5%

CMYK

59.5%, 0.0%, 30.0%, 25.5%

OKLCH

0.7216 0.1333 158.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4DBE85

#BE4D86

Analogous

#4EBE4D

#4DBEBD

#4DBE85

Triadic

#4DBE85

#854DBE

#BE854D

Split Complementary

#4DBE85

#BD4DBE

#BE4D4E

Tetradic

#4DBE85

#4D4EBE

#BE4D86

#BEBD4D

Color Blindness Simulation

Original

#4DBE85

Protanopia

#7E7F93

Deuteranopia

#776F96

Tritanopia

#539EA0

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBECDB
300
#A5DEC2
400
#75CDA0
500
#44BB7F
600
#379566
700
#2C7851
800
#225D3F
900
#1C4530
950
#122B1E

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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