#B5CCD3

#B5CCD3

Color Values

HEX

#B5CCD3

RGB

181, 204, 211

HSL

194.0, 25.4%, 76.9%

HSV

194.0, 14.2%, 82.7%

CMYK

14.2%, 3.3%, 0.0%, 17.3%

OKLCH

0.8302 0.0267 218.0

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B5CCD3

#D3BCB5

Analogous

#B5D3CB

#B5BDD3

#B5CCD3

Triadic

#B5CCD3

#D3B5CC

#CCD3B5

Split Complementary

#B5CCD3

#D3B5BD

#D3CBB5

Tetradic

#B5CCD3

#CBB5D3

#D3BCB5

#BDD3B5

Color Blindness Simulation

Original

#B5CCD3

Protanopia

#BFBFD1

Deuteranopia

#BEBCD1

Tritanopia

#B6D0D0

Achromatopsia

#C8C8C8

CSS Usage

background-color: #B5CCD3;
color: #B5CCD3;
border-color: #B5CCD3;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2E0E4
300
#B2CAD1
400
#89ADB9
500
#5F91A0
600
#4C7480
700
#3D5D66
800
#304850
900
#25363C
950
#182226

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.54:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026