#BFD8E9

#BFD8E9

Color Values

HEX

#BFD8E9

RGB

191, 216, 233

HSL

204.3, 48.8%, 83.1%

HSV

204.3, 18.0%, 91.4%

CMYK

18.0%, 7.3%, 0.0%, 8.6%

OKLCH

0.8691 0.0357 237.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFD8E9

#E9D0BF

Analogous

#BFE9E5

#BFC3E9

#BFD8E9

Triadic

#BFD8E9

#E9BFD8

#D8E9BF

Split Complementary

#BFD8E9

#E9BFC3

#E9E5BF

Tetradic

#BFD8E9

#E5BFE9

#E9D0BF

#C3E9BF

Color Blindness Simulation

Original

#BFD8E9

Protanopia

#CACAE5

Deuteranopia

#C8C6E4

Tritanopia

#C0E2E1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CADFED
300
#A4C7E0
400
#73A9CF
500
#418BBE
600
#346F98
700
#2A5979
800
#21465F
900
#1B3446
950
#11212C

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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