#BFD8ED

#BFD8ED

Color Values

HEX

#BFD8ED

RGB

191, 216, 237

HSL

207.4, 56.1%, 83.9%

HSV

207.4, 19.4%, 92.9%

CMYK

19.4%, 8.9%, 0.0%, 7.1%

OKLCH

0.8704 0.0396 243.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFD8ED

#EDD4BF

Analogous

#BFEDEB

#BFC1ED

#BFD8ED

Triadic

#BFD8ED

#EDBFD8

#D8EDBF

Split Complementary

#BFD8ED

#EDBFC1

#EDEBBF

Tetradic

#BFD8ED

#EBBFED

#EDD4BF

#C1EDBF

Color Blindness Simulation

Original

#BFD8ED

Protanopia

#CACAE8

Deuteranopia

#C8C6E7

Tritanopia

#C0E4E3

Achromatopsia

#D4D4D4

CSS Usage

background-color: #BFD8ED;
color: #BFD8ED;
border-color: #BFD8ED;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DDEF
300
#9FC5E4
400
#6CA5D6
500
#3886C7
600
#2D6B9F
700
#24567F
800
#1C4364
900
#183349
950
#0F202E

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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