#B2B7D2

#B2B7D2

Color Values

HEX

#B2B7D2

RGB

178, 183, 210

HSL

230.6, 26.2%, 76.1%

HSV

230.6, 15.2%, 82.4%

CMYK

15.2%, 12.9%, 0.0%, 17.6%

OKLCH

0.7842 0.0387 277.2

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#B2B7D2

#D2CDB2

Analogous

#B2C7D2

#BDB2D2

#B2B7D2

Triadic

#B2B7D2

#D2B2B7

#B7D2B2

Split Complementary

#B2B7D2

#D2BDB2

#C7D2B2

Tetradic

#B2B7D2

#D2B2C7

#D2CDB2

#B2D2BD

Color Blindness Simulation

Original

#B2B7D2

Protanopia

#B4B4CB

Deuteranopia

#B4B4CA

Tritanopia

#B2C6C5

Achromatopsia

#B8B8B8

CSS Usage

background-color: #B2B7D2;
color: #B2B7D2;
border-color: #B2B7D2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E5
300
#B2B7D2
400
#8890B9
500
#5E69A1
600
#4B5481
700
#3C4367
800
#2F3450
900
#25293C
950
#171A26

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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