#BFC2E3

#BFC2E3

Color Values

HEX

#BFC2E3

RGB

191, 194, 227

HSL

235.0, 39.1%, 82.0%

HSV

235.0, 15.9%, 89.0%

CMYK

15.9%, 14.5%, 0.0%, 11.0%

OKLCH

0.8224 0.0463 281.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFC2E3

#E3E0BF

Analogous

#BFD4E3

#CEBFE3

#BFC2E3

Triadic

#BFC2E3

#E3BFC2

#C2E3BF

Split Complementary

#BFC2E3

#E3CEBF

#D4E3BF

Tetradic

#BFC2E3

#E3BFD4

#E3E0BF

#BFE3CE

Color Blindness Simulation

Original

#BFC2E3

Protanopia

#C0C0DB

Deuteranopia

#C0C0D9

Tritanopia

#BFD5D3

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0E9
300
#AAAEDA
400
#7C82C6
500
#4E56B1
600
#3E458E
700
#323772
800
#272B59
900
#1F2241
950
#141629

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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