#BEC2EF

#BEC2EF

Color Values

HEX

#BEC2EF

RGB

190, 194, 239

HSL

235.1, 60.5%, 84.1%

HSV

235.1, 20.5%, 93.7%

CMYK

20.5%, 18.8%, 0.0%, 6.3%

OKLCH

0.826 0.0632 280.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BEC2EF

#EFEBBE

Analogous

#BEDAEF

#D2BEEF

#BEC2EF

Triadic

#BEC2EF

#EFBEC2

#C2EFBE

Split Complementary

#BEC2EF

#EFD2BE

#DAEFBE

Tetradic

#BEC2EF

#EFBEDA

#EFEBBE

#BEEFD2

Color Blindness Simulation

Original

#BEC2EF

Protanopia

#C0C0E4

Deuteranopia

#C0BFE1

Tritanopia

#BEDCDA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C9F1
300
#9DA3E7
400
#6871DA
500
#323FCD
600
#2832A4
700
#202883
800
#191F66
900
#161A4B
950
#0E112F

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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