#48AE7C

#48AE7C

Color Values

HEX

#48AE7C

RGB

72, 174, 124

HSL

150.6, 41.5%, 48.2%

HSV

150.6, 58.6%, 68.2%

CMYK

58.6%, 0.0%, 28.7%, 31.8%

OKLCH

0.6772 0.1215 159.2

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#48AE7C

#AE487A

Analogous

#48AE49

#48ADAE

#48AE7C

Triadic

#48AE7C

#7C48AE

#AE7C48

Split Complementary

#48AE7C

#AE48AD

#AE4948

Tetradic

#48AE7C

#4948AE

#AE487A

#ADAE48

Color Blindness Simulation

Original

#48AE7C

Protanopia

#747588

Deuteranopia

#6E678B

Tritanopia

#4D9294

Achromatopsia

#959595

CSS Usage

background-color: #48AE7C;
color: #48AE7C;
border-color: #48AE7C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CCEADC
300
#A8DBC2
400
#79C8A1
500
#4BB481
600
#3C9067
700
#307352
800
#255A40
900
#1E4331
950
#132A1F

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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