#BFCBEE

#BFCBEE

Color Values

HEX

#BFCBEE

RGB

191, 203, 238

HSL

224.7, 58.0%, 84.1%

HSV

224.7, 19.7%, 93.3%

CMYK

19.7%, 14.7%, 0.0%, 6.7%

OKLCH

0.8443 0.0507 270.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BFCBEE

#EEE2BF

Analogous

#BFE2EE

#CABFEE

#BFCBEE

Triadic

#BFCBEE

#EEBFCB

#CBEEBF

Split Complementary

#BFCBEE

#EECABF

#E2EEBF

Tetradic

#BFCBEE

#EEBFE2

#EEE2BF

#BFEECA

Color Blindness Simulation

Original

#BFCBEE

Protanopia

#C4C4E6

Deuteranopia

#C4C3E4

Tritanopia

#C0DFDD

Achromatopsia

#CBCBCB

CSS Usage

background-color: #BFCBEE;
color: #BFCBEE;
border-color: #BFCBEE;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C7D1F0
300
#9EB0E5
400
#6A86D7
500
#365BC9
600
#2B49A1
700
#223A81
800
#1B2E65
900
#17244A
950
#0F172F

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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