#B7C8CD

#B7C8CD

Color Values

HEX

#B7C8CD

RGB

183, 200, 205

HSL

193.6, 18.0%, 76.1%

HSV

193.6, 10.7%, 80.4%

CMYK

10.7%, 2.4%, 0.0%, 19.6%

OKLCH

0.8214 0.0199 217.3

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#B7C8CD

#CDBCB7

Analogous

#B7CDC7

#B7BDCD

#B7C8CD

Triadic

#B7C8CD

#CDB7C8

#C8CDB7

Split Complementary

#B7C8CD

#CDB7BD

#CDC7B7

Tetradic

#B7C8CD

#C7B7CD

#CDBCB7

#BDCDB7

Color Blindness Simulation

Original

#B7C8CD

Protanopia

#BEBFCC

Deuteranopia

#BDBCCC

Tritanopia

#B8CBCB

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5DFE2
300
#B7C8CD
400
#90AAB2
500
#698C96
600
#547078
700
#435A60
800
#34464B
900
#293538
950
#1A2124

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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