#BFD5EF

#BFD5EF

Color Values

HEX

#BFD5EF

RGB

191, 213, 239

HSL

212.5, 60.0%, 84.3%

HSV

212.5, 20.1%, 93.7%

CMYK

20.1%, 10.9%, 0.0%, 6.3%

OKLCH

0.8649 0.0433 252.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFD5EF

#EFD9BF

Analogous

#BFEDEF

#C1BFEF

#BFD5EF

Triadic

#BFD5EF

#EFBFD5

#D5EFBF

Split Complementary

#BFD5EF

#EFC1BF

#EDEFBF

Tetradic

#BFD5EF

#EFBFED

#EFD9BF

#BFEFC1

Color Blindness Simulation

Original

#BFD5EF

Protanopia

#C9C9E9

Deuteranopia

#C7C6E7

Tritanopia

#C0E4E3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6DAF1
300
#9DBFE7
400
#689CD9
500
#3379CC
600
#2961A3
700
#214E83
800
#1A3D66
900
#162E4B
950
#0E1D2F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.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