#BFC2DD

#BFC2DD

Color Values

HEX

#BFC2DD

RGB

191, 194, 221

HSL

234.0, 30.6%, 80.8%

HSV

234.0, 13.6%, 86.7%

CMYK

13.6%, 12.2%, 0.0%, 13.3%

OKLCH

0.8203 0.0379 280.5

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#BFC2DD

#DDDABF

Analogous

#BFD1DD

#CBBFDD

#BFC2DD

Triadic

#BFC2DD

#DDBFC2

#C2DDBF

Split Complementary

#BFC2DD

#DDCBBF

#D1DDBF

Tetradic

#BFC2DD

#DDBFD1

#DDDABF

#BFDDCB

Color Blindness Simulation

Original

#BFC2DD

Protanopia

#C0C0D6

Deuteranopia

#C0C0D5

Tritanopia

#BFD1D0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D0D3E6
300
#AFB3D5
400
#848ABE
500
#5860A7
600
#474D85
700
#393E6B
800
#2C3053
900
#23263E
950
#161827

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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