#BFDAF8

#BFDAF8

Color Values

HEX

#BFDAF8

RGB

191, 218, 248

HSL

211.6, 80.3%, 86.1%

HSV

211.6, 23.0%, 97.3%

CMYK

23.0%, 12.1%, 0.0%, 2.7%

OKLCH

0.8782 0.0507 251.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BFDAF8

#F8DDBF

Analogous

#BFF6F8

#C1BFF8

#BFDAF8

Triadic

#BFDAF8

#F8BFDA

#DAF8BF

Split Complementary

#BFDAF8

#F8C1BF

#F6F8BF

Tetradic

#BFDAF8

#F8BFF6

#F8DDBF

#BFF8C1

Color Blindness Simulation

Original

#BFDAF8

Protanopia

#CBCBF1

Deuteranopia

#C9C7EF

Tritanopia

#C0EBEA

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#91BFF3
400
#559DEC
500
#197AE6
600
#1462B8
700
#104E93
800
#0D3D73
900
#0D2F53
950
#081D35

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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