#48BBCB

#48BBCB

Color Values

HEX

#48BBCB

RGB

72, 187, 203

HSL

187,3, 55,7%, 53,9%

HSV

187,3, 64,5%, 79,6%

CMYK

64,5%, 7,9%, 0,0%, 20,4%

OKLCH

0,7338 0,1041 208,0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#48BBCB

#CB5848

Analogous

#48CB99

#487ACB

#48BBCB

Triadic

#48BBCB

#CB48BB

#BBCB48

Split Complementary

#48BBCB

#CB487A

#CB9948

Tetradic

#48BBCB

#9948CB

#CB5848

#7ACB48

Color Blindness Simulation

Original

#48BBCB

Protanopia

#7A7BC7

Deuteranopia

#736AC6

Tritanopia

#4EC4C3

Achromatopsia

#A4A4A4

CSS Usage

background-color: #48BBCB;
color: #48BBCB;
border-color: #48BBCB;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EAEF
300
#A0DCE4
400
#6CC8D5
500
#38B5C7
600
#2D919F
700
#24747F
800
#1C5B63
900
#184349
950
#0F2A2E

Contrast Checker

Text on white

2,27:1

AA Fail AAA Fail

Text on black

9,25: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