#B2C7D7

#B2C7D7

Color Values

HEX

#B2C7D7

RGB

178, 199, 215

HSL

205.9, 31.6%, 77.1%

HSV

205.9, 17.2%, 84.3%

CMYK

17.2%, 7.4%, 0.0%, 15.7%

OKLCH

0.8189 0.0321 240.7

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#B2C7D7

#D7C2B2

Analogous

#B2D7D5

#B2B5D7

#B2C7D7

Triadic

#B2C7D7

#D7B2C7

#C7D7B2

Split Complementary

#B2C7D7

#D7B2B5

#D7D5B2

Tetradic

#B2C7D7

#D5B2D7

#D7C2B2

#B5D7B2

Color Blindness Simulation

Original

#B2C7D7

Protanopia

#BBBBD3

Deuteranopia

#BAB8D2

Tritanopia

#B3D0CF

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AEC4D5
400
#83A5BE
500
#5785A8
600
#466A86
700
#38556B
800
#2C4354
900
#23323E
950
#162027

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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