#BFC5D0

#BFC5D0

Color Values

HEX

#BFC5D0

RGB

191, 197, 208

HSL

218.8, 15.3%, 78.2%

HSV

218.8, 8.2%, 81.6%

CMYK

8.2%, 5.3%, 0.0%, 18.4%

OKLCH

0.8221 0.0168 262.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BFC5D0

#D0CABF

Analogous

#BFCDD0

#C1BFD0

#BFC5D0

Triadic

#BFC5D0

#D0BFC5

#C5D0BF

Split Complementary

#BFC5D0

#D0C1BF

#CDD0BF

Tetradic

#BFC5D0

#D0BFCD

#D0CABF

#BFD0C1

Color Blindness Simulation

Original

#BFC5D0

Protanopia

#C2C2CD

Deuteranopia

#C1C1CD

Tritanopia

#BFCBCB

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6DAE1
300
#B8BFCB
400
#929CAF
500
#6C7A93
600
#566176
700
#454E5E
800
#363D4A
900
#2A2E37
950
#1A1D23

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026