#B7C6DA

#B7C6DA

Color Values

HEX

#B7C6DA

RGB

183, 198, 218

HSL

214.3, 32.1%, 78.6%

HSV

214.3, 16.1%, 85.5%

CMYK

16.1%, 9.2%, 0.0%, 14.5%

OKLCH

0.8214 0.0326 255.6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B7C6DA

#DACBB7

Analogous

#B7D7DA

#B9B7DA

#B7C6DA

Triadic

#B7C6DA

#DAB7C6

#C6DAB7

Split Complementary

#B7C6DA

#DAB9B7

#D7DAB7

Tetradic

#B7C6DA

#DAB7D7

#DACBB7

#B7DAB9

Color Blindness Simulation

Original

#B7C6DA

Protanopia

#BDBED5

Deuteranopia

#BDBCD4

Tritanopia

#B8D1D0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0DAE7
300
#AEBFD5
400
#829CBF
500
#577AA8
600
#456187
700
#374E6C
800
#2B3D54
900
#222E3E
950
#161D27

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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