#48F9C2

#48F9C2

Color Values

HEX

#48F9C2

RGB

72, 249, 194

HSL

161.4, 93.7%, 62.9%

HSV

161.4, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 22.1%, 2.4%

OKLCH

0.8804 0.1615 167.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#48F9C2

#F9487F

Analogous

#48F969

#48D7F9

#48F9C2

Triadic

#48F9C2

#C248F9

#F9C248

Split Complementary

#48F9C2

#F948D7

#F96948

Tetradic

#48F9C2

#6948F9

#F9487F

#D7F948

Color Blindness Simulation

Original

#48F9C2

Protanopia

#9596CF

Deuteranopia

#8A7DD2

Tritanopia

#51DADC

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFDE8
300
#88FBD8
400
#48F9C2
500
#08F7AD
600
#06C68A
700
#059E6F
800
#047B56
900
#085940
950
#053828

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026