#BFD9F3

#BFD9F3

Color Values

HEX

#BFD9F3

RGB

191, 217, 243

HSL

210.0, 68.4%, 85.1%

HSV

210.0, 21.4%, 95.3%

CMYK

21.4%, 10.7%, 0.0%, 4.7%

OKLCH

0.8744 0.0456 248.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFD9F3

#F3D9BF

Analogous

#BFF3F3

#BFBFF3

#BFD9F3

Triadic

#BFD9F3

#F3BFD9

#D9F3BF

Split Complementary

#BFD9F3

#F3BFBF

#F3F3BF

Tetradic

#BFD9F3

#F3BFF3

#F3D9BF

#BFF3BF

Color Blindness Simulation

Original

#BFD9F3

Protanopia

#CACAED

Deuteranopia

#C9C7EB

Tritanopia

#C0E8E7

Achromatopsia

#D5D5D5

CSS Usage

background-color: #BFD9F3;
color: #BFD9F3;
border-color: #BFD9F3;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DBF4
300
#98C2EC
400
#60A1E1
500
#2880D7
600
#2066AC
700
#1A5289
800
#14406B
900
#13304E
950
#0C1F31

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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