#48F9BF

#48F9BF

Color Values

HEX

#48F9BF

RGB

72, 249, 191

HSL

160.3, 93.7%, 62.9%

HSV

160.3, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 23.3%, 2.4%

OKLCH

0.8797 0.1637 166.3

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#48F9BF

#F94882

Analogous

#48F966

#48DBF9

#48F9BF

Triadic

#48F9BF

#BF48F9

#F9BF48

Split Complementary

#48F9BF

#F948DB

#F96648

Tetradic

#48F9BF

#6648F9

#F94882

#DBF948

Color Blindness Simulation

Original

#48F9BF

Protanopia

#9596CD

Deuteranopia

#8A7DD0

Tritanopia

#51D8DB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF2
200
#BAFDE7
300
#88FBD5
400
#48F9BF
500
#08F7A9
600
#06C687
700
#059E6C
800
#047B54
900
#08593E
950
#053827

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.58:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026