#48E8EB

#48E8EB

Color Values

HEX

#48E8EB

RGB

72, 232, 235

HSL

181.1, 80.3%, 60.2%

HSV

181.1, 69.4%, 92.2%

CMYK

69.4%, 1.3%, 0.0%, 7.8%

OKLCH

0.8518 0.1289 196.9

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#48E8EB

#EB4B48

Analogous

#48EB9C

#4897EB

#48E8EB

Triadic

#48E8EB

#EB48E8

#E8EB48

Split Complementary

#48E8EB

#EB4897

#EB9C48

Tetradic

#48E8EB

#9C48EB

#EB4B48

#97EB48

Color Blindness Simulation

Original

#48E8EB

Protanopia

#8D8FEA

Deuteranopia

#8478EA

Tritanopia

#50EAEA

Achromatopsia

#C6C6C6

CSS Usage

background-color: #48E8EB;
color: #48E8EB;
border-color: #48E8EB;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BFF7F8
300
#91F1F3
400
#55EAEC
500
#19E2E6
600
#14B5B8
700
#109193
800
#0D7173
900
#0D5253
950
#083435

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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