#BFDEFE

#BFDEFE

Color Values

HEX

#BFDEFE

RGB

191, 222, 254

HSL

210.5, 96.9%, 87.3%

HSV

210.5, 24.8%, 99.6%

CMYK

24.8%, 12.6%, 0.0%, 0.4%

OKLCH

0.8885 0.0552 249.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BFDEFE

#FEDFBF

Analogous

#BFFDFE

#C0BFFE

#BFDEFE

Triadic

#BFDEFE

#FEBFDE

#DEFEBF

Split Complementary

#BFDEFE

#FEC0BF

#FDFEBF

Tetradic

#BFDEFE

#FEBFFD

#FEDFBF

#BFFEC0

Color Blindness Simulation

Original

#BFDEFE

Protanopia

#CCCDF6

Deuteranopia

#CBC8F4

Tritanopia

#C1F0EF

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B9DBFE
300
#86C1FD
400
#459FFC
500
#047DFB
600
#0364C9
700
#0350A1
800
#023F7E
900
#06305B
950
#041E39

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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