#BECAF9

#BECAF9

Color Values

HEX

#BECAF9

RGB

190, 202, 249

HSL

227.8, 83.1%, 86.1%

HSV

227.8, 23.7%, 97.6%

CMYK

23.7%, 18.9%, 0.0%, 2.4%

OKLCH

0.8456 0.0671 273.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BECAF9

#F9EDBE

Analogous

#BEE8F9

#D0BEF9

#BECAF9

Triadic

#BECAF9

#F9BECA

#CAF9BE

Split Complementary

#BECAF9

#F9D0BE

#E8F9BE

Tetradic

#BECAF9

#F9BEE8

#F9EDBE

#BEF9D0

Color Blindness Simulation

Original

#BECAF9

Protanopia

#C3C3EE

Deuteranopia

#C2C2EB

Tritanopia

#BFE5E3

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BECAF9
300
#8FA4F5
400
#5272EF
500
#1641E9
600
#1134BB
700
#0E2995
800
#0B2075
900
#0C1B55
950
#081135

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026