#48FAC3

#48FAC3

Color Values

HEX

#48FAC3

RGB

72, 250, 195

HSL

161.5, 94.7%, 63.1%

HSV

161.5, 71.2%, 98.0%

CMYK

71.2%, 0.0%, 22.0%, 2.0%

OKLCH

0.8831 0.162 167.6

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#48FAC3

#FA487F

Analogous

#48FA6A

#48D8FA

#48FAC3

Triadic

#48FAC3

#C348FA

#FAC348

Split Complementary

#48FAC3

#FA48D8

#FA6A48

Tetradic

#48FAC3

#6A48FA

#FA487F

#D8FA48

Color Blindness Simulation

Original

#48FAC3

Protanopia

#9597D0

Deuteranopia

#8B7DD4

Tritanopia

#51DBDD

Achromatopsia

#D0D0D0

CSS Usage

background-color: #48FAC3;
color: #48FAC3;
border-color: #48FAC3;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FEFA
100
#DFFCF3
200
#B9FDE8
300
#88FCD8
400
#47FAC3
500
#07F8AE
600
#05C78B
700
#049F6F
800
#037C57
900
#075A40
950
#053929

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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