#BFC5FC

#BFC5FC

Color Values

HEX

#BFC5FC

RGB

191, 197, 252

HSL

234.1, 91.0%, 86.9%

HSV

234.1, 24.2%, 98.8%

CMYK

24.2%, 21.8%, 0.0%, 1.2%

OKLCH

0.8376 0.0772 279.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFC5FC

#FCF6BF

Analogous

#BFE4FC

#D8BFFC

#BFC5FC

Triadic

#BFC5FC

#FCBFC5

#C5FCBF

Split Complementary

#BFC5FC

#FCD8BF

#E4FCBF

Tetradic

#BFC5FC

#FCBFE4

#FCF6BF

#BFFCD8

Color Blindness Simulation

Original

#BFC5FC

Protanopia

#C2C2EF

Deuteranopia

#C1C1EB

Tritanopia

#BFE4E2

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BBC1FC
300
#8A95F9
400
#4B5CF7
500
#0B22F4
600
#091BC3
700
#07169C
800
#06117A
900
#091158
950
#060A38

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026