#BEC1F5

#BEC1F5

Color Values

HEX

#BEC1F5

RGB

190, 193, 245

HSL

236.7, 73.3%, 85.3%

HSV

236.7, 22.4%, 96.1%

CMYK

22.4%, 21.2%, 0.0%, 3.9%

OKLCH

0.8263 0.0729 282.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BEC1F5

#F5F2BE

Analogous

#BEDDF5

#D6BEF5

#BEC1F5

Triadic

#BEC1F5

#F5BEC1

#C1F5BE

Split Complementary

#BEC1F5

#F5D6BE

#DDF5BE

Tetradic

#BEC1F5

#F5BEDD

#F5F2BE

#BEF5D6

Color Blindness Simulation

Original

#BEC1F5

Protanopia

#BFBFE8

Deuteranopia

#BFBFE5

Tritanopia

#BEDEDC

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C1C4F5
300
#959AEF
400
#5B63E6
500
#222CDD
600
#1B23B1
700
#161C8D
800
#11166E
900
#101450
950
#0A0D33

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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