#48B784

#48B784

Color Values

HEX

#48B784

RGB

72, 183, 132

HSL

152.4, 43.5%, 50.0%

HSV

152.4, 60.7%, 71.8%

CMYK

60.7%, 0.0%, 27.9%, 28.2%

OKLCH

0.702 0.1269 160.4

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#48B784

#B7487B

Analogous

#48B74C

#48B3B7

#48B784

Triadic

#48B784

#8448B7

#B78448

Split Complementary

#48B784

#B748B3

#B74C48

Tetradic

#48B784

#4C48B7

#B7487B

#B3B748

Color Blindness Simulation

Original

#48B784

Protanopia

#787990

Deuteranopia

#726993

Tritanopia

#4E9A9C

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDD
300
#A7DCC4
400
#78CAA4
500
#48B784
600
#3A926A
700
#2E7554
800
#245B42
900
#1D4332
950
#132B20

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026