#B0CCD1

#B0CCD1

Color Values

HEX

#B0CCD1

RGB

176, 204, 209

HSL

189.1, 26.4%, 75.5%

HSV

189.1, 15.8%, 82.0%

CMYK

15.8%, 2.4%, 0.0%, 18.0%

OKLCH

0.8261 0.0309 209.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B0CCD1

#D1B5B0

Analogous

#B0D1C6

#B0BCD1

#B0CCD1

Triadic

#B0CCD1

#D1B0CC

#CCD1B0

Split Complementary

#B0CCD1

#D1B0BC

#D1C6B0

Tetradic

#B0CCD1

#C6B0D1

#D1B5B0

#BCD1B0

Color Blindness Simulation

Original

#B0CCD1

Protanopia

#BCBCD0

Deuteranopia

#BAB8CF

Tritanopia

#B1CFCF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E5
300
#B2CDD2
400
#88B2BA
500
#5E97A1
600
#4B7981
700
#3C6167
800
#2F4B51
900
#25383C
950
#172426

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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