#BECAF8

#BECAF8

Color Values

HEX

#BECAF8

RGB

190, 202, 248

HSL

227,6, 80,6%, 85,9%

HSV

227,6, 23,4%, 97,3%

CMYK

23,4%, 18,5%, 0,0%, 2,7%

OKLCH

0,8452 0,0657 273,5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BECAF8

#F8ECBE

Analogous

#BEE7F8

#CFBEF8

#BECAF8

Triadic

#BECAF8

#F8BECA

#CAF8BE

Split Complementary

#BECAF8

#F8CFBE

#E7F8BE

Tetradic

#BECAF8

#F8BEE7

#F8ECBE

#BEF8CF

Color Blindness Simulation

Original

#BECAF8

Protanopia

#C3C3ED

Deuteranopia

#C2C2EA

Tritanopia

#BFE4E2

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E6F9
200
#BFCAF8
300
#90A5F3
400
#5574ED
500
#1943E6
600
#1436B8
700
#102B93
800
#0C2273
900
#0D1C54
950
#081235

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,99: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