#BECAE5

#BECAE5

Color Values

HEX

#BECAE5

RGB

190, 202, 229

HSL

221.5, 42.9%, 82.2%

HSV

221.5, 17.0%, 89.8%

CMYK

17.0%, 11.8%, 0.0%, 10.2%

OKLCH

0.8384 0.04 266.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BECAE5

#E5D9BE

Analogous

#BEDEE5

#C6BEE5

#BECAE5

Triadic

#BECAE5

#E5BECA

#CAE5BE

Split Complementary

#BECAE5

#E5C6BE

#DEE5BE

Tetradic

#BECAE5

#E5BEDE

#E5D9BE

#BEE5C6

Color Blindness Simulation

Original

#BECAE5

Protanopia

#C3C3DE

Deuteranopia

#C2C2DD

Tritanopia

#BFD9D8

Achromatopsia

#C9C9C9

CSS Usage

background-color: #BECAE5;
color: #BECAE5;
border-color: #BECAE5;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD5EB
300
#A8B8DC
400
#7891C9
500
#496BB6
600
#3A5592
700
#2F4475
800
#24355B
900
#1E2943
950
#131A2A

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026