#BBDCD6

#BBDCD6

Color Values

HEX

#BBDCD6

RGB

187, 220, 214

HSL

169.1, 32.0%, 79.8%

HSV

169.1, 15.0%, 86.3%

CMYK

15.0%, 0.0%, 2.7%, 13.7%

OKLCH

0.8688 0.0358 183.3

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BBDCD6

#DCBBC1

Analogous

#BBDCC6

#BBD1DC

#BBDCD6

Triadic

#BBDCD6

#D6BBDC

#DCD6BB

Split Complementary

#BBDCD6

#DCBBD1

#DCC6BB

Tetradic

#BBDCD6

#C6BBDC

#DCBBC1

#D1DCBB

Color Blindness Simulation

Original

#BBDCD6

Protanopia

#C9CAD7

Deuteranopia

#C7C5D8

Tritanopia

#BDD9D9

Achromatopsia

#D5D5D5

CSS Usage

background-color: #BBDCD6;
color: #BBDCD6;
border-color: #BBDCD6;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E3
300
#AED5CE
400
#82BFB4
500
#57A899
600
#45877B
700
#376C62
800
#2B544D
900
#223E39
950
#162724

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026