#BFCFDD

#BFCFDD

Color Values

HEX

#BFCFDD

RGB

191, 207, 221

HSL

208.0, 30.6%, 80.8%

HSV

208.0, 13.6%, 86.7%

CMYK

13.6%, 6.3%, 0.0%, 13.3%

OKLCH

0.8467 0.0262 244.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFCFDD

#DDCDBF

Analogous

#BFDDDC

#BFC0DD

#BFCFDD

Triadic

#BFCFDD

#DDBFCF

#CFDDBF

Split Complementary

#BFCFDD

#DDBFC0

#DDDCBF

Tetradic

#BFCFDD

#DCBFDD

#DDCDBF

#C0DDBF

Color Blindness Simulation

Original

#BFCFDD

Protanopia

#C6C6DA

Deuteranopia

#C5C4D9

Tritanopia

#C0D7D6

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D0DCE6
300
#AFC3D5
400
#84A3BE
500
#5882A7
600
#476885
700
#39536B
800
#2C4153
900
#23313E
950
#161F27

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026