#48C8D7

#48C8D7

Color Values

HEX

#48C8D7

RGB

72, 200, 215

HSL

186.3, 64.1%, 56.3%

HSV

186.3, 66.5%, 84.3%

CMYK

66.5%, 7.0%, 0.0%, 15.7%

OKLCH

0.7692 0.1116 206.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#48C8D7

#D75748

Analogous

#48D79F

#4881D7

#48C8D7

Triadic

#48C8D7

#D748C8

#C8D748

Split Complementary

#48C8D7

#D74881

#D79F48

Tetradic

#48C8D7

#9F48D7

#D75748

#81D748

Color Blindness Simulation

Original

#48C8D7

Protanopia

#7F81D3

Deuteranopia

#786ED2

Tritanopia

#4ED1D0

Achromatopsia

#AEAEAE

CSS Usage

background-color: #48C8D7;
color: #48C8D7;
border-color: #48C8D7;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF2
300
#9BE1E9
400
#64D0DD
500
#2EC0D1
600
#259AA7
700
#1D7B86
800
#176069
900
#14474C
950
#0D2D30

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026