#BEC8E3

#BEC8E3

Color Values

HEX

#BEC8E3

RGB

190, 200, 227

HSL

223.8, 39.8%, 81.8%

HSV

223.8, 16.3%, 89.0%

CMYK

16.3%, 11.9%, 0.0%, 11.0%

OKLCH

0.8337 0.0394 269.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BEC8E3

#E3D9BE

Analogous

#BEDBE3

#C7BEE3

#BEC8E3

Triadic

#BEC8E3

#E3BEC8

#C8E3BE

Split Complementary

#BEC8E3

#E3C7BE

#DBE3BE

Tetradic

#BEC8E3

#E3BEDB

#E3D9BE

#BEE3C7

Color Blindness Simulation

Original

#BEC8E3

Protanopia

#C2C2DC

Deuteranopia

#C2C1DB

Tritanopia

#BED7D6

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD5EA
300
#A9B7DA
400
#7B8FC6
500
#4D68B2
600
#3D538F
700
#314372
800
#263459
900
#1F2842
950
#141A2A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026