#48B77D

#48B77D

Color Values

HEX

#48B77D

RGB

72, 183, 125

HSL

148.6, 43.5%, 50.0%

HSV

148.6, 60.7%, 71.8%

CMYK

60.7%, 0.0%, 31.7%, 28.2%

OKLCH

0.7004 0.1332 157.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#48B77D

#B74882

Analogous

#4BB748

#48B7B4

#48B77D

Triadic

#48B77D

#7D48B7

#B77D48

Split Complementary

#48B77D

#B448B7

#B7484B

Tetradic

#48B77D

#484BB7

#B74882

#B7B448

Color Blindness Simulation

Original

#48B77D

Protanopia

#78798B

Deuteranopia

#72698E

Tritanopia

#4E9699

Achromatopsia

#9B9B9B

CSS Usage

background-color: #48B77D;
color: #48B77D;
border-color: #48B77D;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEBDB
300
#A7DCC1
400
#78CA9F
500
#48B77D
600
#3A9264
700
#2E7550
800
#245B3E
900
#1D4330
950
#132B1E

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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