#BFC5F2

#BFC5F2

Color Values

HEX

#BFC5F2

RGB

191, 197, 242

HSL

232.9, 66.2%, 84.9%

HSV

232.9, 21.1%, 94.9%

CMYK

21.1%, 18.6%, 0.0%, 5.1%

OKLCH

0.8338 0.0633 279.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFC5F2

#F2ECBF

Analogous

#BFDFF2

#D2BFF2

#BFC5F2

Triadic

#BFC5F2

#F2BFC5

#C5F2BF

Split Complementary

#BFC5F2

#F2D2BF

#DFF2BF

Tetradic

#BFC5F2

#F2BFDF

#F2ECBF

#BFF2D2

Color Blindness Simulation

Original

#BFC5F2

Protanopia

#C2C2E7

Deuteranopia

#C1C1E4

Tritanopia

#BFDFDD

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C9F3
300
#99A3EA
400
#6271DF
500
#2B3FD4
600
#2232AA
700
#1C2888
800
#16206A
900
#141A4D
950
#0C1131

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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