#BFD7E9

#BFD7E9

Color Values

HEX

#BFD7E9

RGB

191, 215, 233

HSL

205.7, 48.8%, 83.1%

HSV

205.7, 18.0%, 91.4%

CMYK

18.0%, 7.7%, 0.0%, 8.6%

OKLCH

0.867 0.0359 240.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFD7E9

#E9D1BF

Analogous

#BFE9E6

#BFC2E9

#BFD7E9

Triadic

#BFD7E9

#E9BFD7

#D7E9BF

Split Complementary

#BFD7E9

#E9BFC2

#E9E6BF

Tetradic

#BFD7E9

#E6BFE9

#E9D1BF

#C2E9BF

Color Blindness Simulation

Original

#BFD7E9

Protanopia

#C9CAE5

Deuteranopia

#C8C6E4

Tritanopia

#C0E1E0

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADEED
300
#A4C6E0
400
#73A7CF
500
#4188BE
600
#346D98
700
#2A5779
800
#21445F
900
#1B3446
950
#11212C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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