#48B770

#48B770

Color Values

HEX

#48B770

RGB

72, 183, 112

HSL

141.6, 43.5%, 50.0%

HSV

141.6, 60.7%, 71.8%

CMYK

60.7%, 0.0%, 38.8%, 28.2%

OKLCH

0.6977 0.1453 152.5

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#48B770

#B7488F

Analogous

#58B748

#48B7A7

#48B770

Triadic

#48B770

#7048B7

#B77048

Split Complementary

#48B770

#A748B7

#B74858

Tetradic

#48B770

#4858B7

#B7488F

#B7A748

Color Blindness Simulation

Original

#48B770

Protanopia

#787981

Deuteranopia

#726985

Tritanopia

#4E8F92

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EB
200
#CCEBD7
300
#A7DCBA
400
#78CA95
500
#48B770
600
#3A925A
700
#2E7548
800
#245B38
900
#1D432B
950
#132B1B

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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