#B7BCCD

#B7BCCD

Color Values

HEX

#B7BCCD

RGB

183, 188, 205

HSL

226.4, 18.0%, 76.1%

HSV

226.4, 10.7%, 80.4%

CMYK

10.7%, 8.3%, 0.0%, 19.6%

OKLCH

0.7966 0.0246 272.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B7BCCD

#CDC8B7

Analogous

#B7C7CD

#BDB7CD

#B7BCCD

Triadic

#B7BCCD

#CDB7BC

#BCCDB7

Split Complementary

#B7BCCD

#CDBDB7

#C7CDB7

Tetradic

#B7BCCD

#CDB7C7

#CDC8B7

#B7CDBD

Color Blindness Simulation

Original

#B7BCCD

Protanopia

#B9B9C9

Deuteranopia

#B9B8C8

Tritanopia

#B7C6C5

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D8E2
300
#B7BCCD
400
#9097B2
500
#697396
600
#545C78
700
#434A60
800
#34394B
900
#292C38
950
#1A1C24

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.09:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026