#BFCAFC

#BFCAFC

Color Values

HEX

#BFCAFC

RGB

191, 202, 252

HSL

229.2, 91.0%, 86.9%

HSV

229.2, 24.2%, 98.8%

CMYK

24.2%, 19.8%, 0.0%, 1.2%

OKLCH

0.8475 0.0709 275.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFCAFC

#FCF1BF

Analogous

#BFE9FC

#D3BFFC

#BFCAFC

Triadic

#BFCAFC

#FCBFCA

#CAFCBF

Split Complementary

#BFCAFC

#FCD3BF

#E9FCBF

Tetradic

#BFCAFC

#FCBFE9

#FCF1BF

#BFFCD3

Color Blindness Simulation

Original

#BFCAFC

Protanopia

#C4C4F0

Deuteranopia

#C3C2ED

Tritanopia

#C0E6E4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BBC7FC
300
#8A9EF9
400
#4B6AF7
500
#0B35F4
600
#092BC3
700
#07229C
800
#061B7A
900
#091758
950
#060F38

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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