#BFD3E6

#BFD3E6

Color Values

HEX

#BFD3E6

RGB

191, 211, 230

HSL

209.2, 43.8%, 82.5%

HSV

209.2, 17.0%, 90.2%

CMYK

17.0%, 8.3%, 0.0%, 9.8%

OKLCH

0.8578 0.0342 246.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFD3E6

#E6D2BF

Analogous

#BFE6E5

#BFBFE6

#BFD3E6

Triadic

#BFD3E6

#E6BFD3

#D3E6BF

Split Complementary

#BFD3E6

#E6BFBF

#E6E5BF

Tetradic

#BFD3E6

#E5BFE6

#E6D2BF

#BFE6BF

Color Blindness Simulation

Original

#BFD3E6

Protanopia

#C8C8E1

Deuteranopia

#C6C5E0

Tritanopia

#C0DEDD

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDCEB
300
#A7C3DD
400
#77A2CA
500
#4881B7
600
#396793
700
#2E5375
800
#24405C
900
#1D3144
950
#131F2B

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026