#BFC7D4

#BFC7D4

Color Values

HEX

#BFC7D4

RGB

191, 199, 212

HSL

217.1, 19.6%, 79.0%

HSV

217.1, 9.9%, 83.1%

CMYK

9.9%, 6.1%, 0.0%, 16.9%

OKLCH

0.8274 0.0202 260.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFC7D4

#D4CCBF

Analogous

#BFD1D4

#C1BFD4

#BFC7D4

Triadic

#BFC7D4

#D4BFC7

#C7D4BF

Split Complementary

#BFC7D4

#D4C1BF

#D1D4BF

Tetradic

#BFC7D4

#D4BFD1

#D4CCBF

#BFD4C1

Color Blindness Simulation

Original

#BFC7D4

Protanopia

#C2C3D1

Deuteranopia

#C2C1D0

Tritanopia

#BFCECE

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4DAE2
300
#B6BFCE
400
#8E9CB3
500
#677A98
600
#52617A
700
#424E62
800
#333D4C
900
#282E39
950
#191D24

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026