#48D387

#48D387

Color Values

HEX

#48D387

RGB

72, 211, 135

HSL

147.2, 61.2%, 55.5%

HSV

147.2, 65.9%, 82.7%

CMYK

65.9%, 0.0%, 36.0%, 17.3%

OKLCH

0.7735 0.1621 155.3

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#48D387

#D34894

Analogous

#4FD348

#48D3CC

#48D387

Triadic

#48D387

#8748D3

#D38748

Split Complementary

#48D387

#CC48D3

#D3484F

Tetradic

#48D387

#484FD3

#D34894

#D3CC48

Color Blindness Simulation

Original

#48D387

Protanopia

#848599

Deuteranopia

#7C729E

Tritanopia

#4FA8AB

Achromatopsia

#B0B0B0

CSS Usage

background-color: #48D387;
color: #48D387;
border-color: #48D387;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FBF7
100
#E4F6EC
200
#C5F1D9
300
#9CE7BE
400
#67DA9B
500
#31CE78
600
#28A460
700
#20844D
800
#19673C
900
#164B2E
950
#0E2F1D

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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