#BFDCF1

#BFDCF1

Color Values

HEX

#BFDCF1

RGB

191, 220, 241

HSL

205.2, 64.1%, 84.7%

HSV

205.2, 20.7%, 94.5%

CMYK

20.7%, 8.7%, 0.0%, 5.5%

OKLCH

0.8799 0.0424 239.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFDCF1

#F1D4BF

Analogous

#BFF1ED

#BFC3F1

#BFDCF1

Triadic

#BFDCF1

#F1BFDC

#DCF1BF

Split Complementary

#BFDCF1

#F1BFC3

#F1EDBF

Tetradic

#BFDCF1

#EDBFF1

#F1D4BF

#C3F1BF

Color Blindness Simulation

Original

#BFDCF1

Protanopia

#CCCCEC

Deuteranopia

#CAC8EB

Tritanopia

#C0E8E7

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C4DFF2
300
#9BC8E9
400
#64AADD
500
#2E8DD1
600
#2570A7
700
#1D5A86
800
#174669
900
#14354C
950
#0D2130

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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