#BFC0FD

#BFC0FD

Color Values

HEX

#BFC0FD

RGB

191, 192, 253

HSL

239,0, 93,9%, 87,1%

HSV

239,0, 24,5%, 99,2%

CMYK

24,5%, 24,1%, 0,0%, 0,8%

OKLCH

0,8282 0,0853 283,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BFC0FD

#FDFCBF

Analogous

#BFDFFD

#DDBFFD

#BFC0FD

Triadic

#BFC0FD

#FDBFC0

#C0FDBF

Split Complementary

#BFC0FD

#FDDDBF

#DFFDBF

Tetradic

#BFC0FD

#FDBFDF

#FDFCBF

#BFFDDD

Color Blindness Simulation

Original

#BFC0FD

Protanopia

#BFBFEE

Deuteranopia

#BFBFEB

Tritanopia

#BFE3E0

Achromatopsia

#C4C4C4

CSS Usage

background-color: #BFC0FD;
color: #BFC0FD;
border-color: #BFC0FD;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABBFD
300
#888AFB
400
#484BF9
500
#080CF7
600
#0609C6
700
#05089E
800
#04067C
900
#080959
950
#050638

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,17: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