#BFDFF8

#BFDFF8

Color Values

HEX

#BFDFF8

RGB

191, 223, 248

HSL

206,3, 80,3%, 86,1%

HSV

206,3, 23,0%, 97,3%

CMYK

23,0%, 10,1%, 0,0%, 2,7%

OKLCH

0,8884 0,0484 241,7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BFDFF8

#F8D8BF

Analogous

#BFF8F5

#BFC3F8

#BFDFF8

Triadic

#BFDFF8

#F8BFDF

#DFF8BF

Split Complementary

#BFDFF8

#F8BFC3

#F8F5BF

Tetradic

#BFDFF8

#F5BFF8

#F8D8BF

#C3F8BF

Color Blindness Simulation

Original

#BFDFF8

Protanopia

#CDCDF2

Deuteranopia

#CBC9F0

Tritanopia

#C1EDEC

Achromatopsia

#DADADA

CSS Usage

background-color: #BFDFF8;
color: #BFDFF8;
border-color: #BFDFF8;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F2F8FD
100
#E1EFF9
200
#BFDFF8
300
#91C8F3
400
#55AAEC
500
#198CE6
600
#1470B8
700
#105A93
800
#0D4673
900
#0D3553
950
#082135

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,13: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