#BFD9F1

#BFD9F1

Color Values

HEX

#BFD9F1

RGB

191, 217, 241

HSL

208.8, 64.1%, 84.7%

HSV

208.8, 20.7%, 94.5%

CMYK

20.7%, 10.0%, 0.0%, 5.5%

OKLCH

0.8738 0.0434 246.2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFD9F1

#F1D7BF

Analogous

#BFF1F0

#BFC0F1

#BFD9F1

Triadic

#BFD9F1

#F1BFD9

#D9F1BF

Split Complementary

#BFD9F1

#F1BFC0

#F1F0BF

Tetradic

#BFD9F1

#F0BFF1

#F1D7BF

#C0F1BF

Color Blindness Simulation

Original

#BFD9F1

Protanopia

#CACAEB

Deuteranopia

#C9C7EA

Tritanopia

#C0E7E6

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DCF2
300
#9BC3E9
400
#64A3DD
500
#2E83D1
600
#2569A7
700
#1D5486
800
#174169
900
#14324C
950
#0D1F30

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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