#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026