#BFD1E6

#BFD1E6

Color Values

HEX

#BFD1E6

RGB

191, 209, 230

HSL

212.3, 43.8%, 82.5%

HSV

212.3, 17.0%, 90.2%

CMYK

17.0%, 9.1%, 0.0%, 9.8%

OKLCH

0.8537 0.0352 252.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFD1E6

#E6D4BF

Analogous

#BFE4E6

#C0BFE6

#BFD1E6

Triadic

#BFD1E6

#E6BFD1

#D1E6BF

Split Complementary

#BFD1E6

#E6C0BF

#E4E6BF

Tetradic

#BFD1E6

#E6BFE4

#E6D4BF

#BFE6C0

Color Blindness Simulation

Original

#BFD1E6

Protanopia

#C7C7E1

Deuteranopia

#C6C4E0

Tritanopia

#C0DDDC

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDAEB
300
#A7C0DD
400
#779DCA
500
#487BB7
600
#396393
700
#2E4F75
800
#243E5C
900
#1D2F44
950
#131E2B

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026