#BEC3F9

#BEC3F9

Color Values

HEX

#BEC3F9

RGB

190, 195, 249

HSL

234.9, 83.1%, 86.1%

HSV

234.9, 23.7%, 97.6%

CMYK

23.7%, 21.7%, 0.0%, 2.4%

OKLCH

0.8318 0.0758 280.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BEC3F9

#F9F4BE

Analogous

#BEE1F9

#D7BEF9

#BEC3F9

Triadic

#BEC3F9

#F9BEC3

#C3F9BE

Split Complementary

#BEC3F9

#F9D7BE

#E1F9BE

Tetradic

#BEC3F9

#F9BEE1

#F9F4BE

#BEF9D7

Color Blindness Simulation

Original

#BEC3F9

Protanopia

#C0C0EC

Deuteranopia

#C0C0E9

Tritanopia

#BEE2DF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC3F9
300
#8F98F5
400
#5260EF
500
#1628E9
600
#1120BB
700
#0E1995
800
#0B1475
900
#0C1255
950
#080C35

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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