#BFD5FE

#BFD5FE

Color Values

HEX

#BFD5FE

RGB

191, 213, 254

HSL

219.0, 96.9%, 87.3%

HSV

219.0, 24.8%, 99.6%

CMYK

24.8%, 16.1%, 0.0%, 0.4%

OKLCH

0.8702 0.0619 262.8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFD5FE

#FEE8BF

Analogous

#BFF5FE

#C9BFFE

#BFD5FE

Triadic

#BFD5FE

#FEBFD5

#D5FEBF

Split Complementary

#BFD5FE

#FEC9BF

#F5FEBF

Tetradic

#BFD5FE

#FEBFF5

#FEE8BF

#BFFEC9

Color Blindness Simulation

Original

#BFD5FE

Protanopia

#C9C9F4

Deuteranopia

#C7C6F2

Tritanopia

#C0ECEB

Achromatopsia

#D3D3D3

CSS Usage

background-color: #BFD5FE;
color: #BFD5FE;
border-color: #BFD5FE;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F5FE
100
#DEE9FC
200
#B9D1FE
300
#86B0FD
400
#4585FC
500
#045AFB
600
#0348C9
700
#033AA1
800
#022D7E
900
#06245B
950
#041739

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.16:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026