#48F9BA

#48F9BA

Color Values

HEX

#48F9BA

RGB

72, 249, 186

HSL

158.6, 93.7%, 62.9%

HSV

158.6, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 25.3%, 2.4%

OKLCH

0.8785 0.1674 164.4

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#48F9BA

#F94887

Analogous

#48F961

#48E0F9

#48F9BA

Triadic

#48F9BA

#BA48F9

#F9BA48

Split Complementary

#48F9BA

#F948E0

#F96148

Tetradic

#48F9BA

#6148F9

#F94887

#E0F948

Color Blindness Simulation

Original

#48F9BA

Protanopia

#9596C9

Deuteranopia

#8A7DCD

Tritanopia

#51D5D8

Achromatopsia

#CFCFCF

CSS Usage

background-color: #48F9BA;
color: #48F9BA;
border-color: #48F9BA;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BAFDE5
300
#88FBD2
400
#48F9BA
500
#08F7A2
600
#06C681
700
#059E68
800
#047B51
900
#08593C
950
#053826

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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