#B5C4EC

#B5C4EC

Color Values

HEX

#B5C4EC

RGB

181, 196, 236

HSL

223.6, 59.1%, 81.8%

HSV

223.6, 23.3%, 92.5%

CMYK

23.3%, 16.9%, 0.0%, 7.5%

OKLCH

0.8222 0.0588 268.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B5C4EC

#ECDDB5

Analogous

#B5E0EC

#C2B5EC

#B5C4EC

Triadic

#B5C4EC

#ECB5C4

#C4ECB5

Split Complementary

#B5C4EC

#ECC2B5

#E0ECB5

Tetradic

#B5C4EC

#ECB5E0

#ECDDB5

#B5ECC2

Color Blindness Simulation

Original

#B5C4EC

Protanopia

#BBBCE2

Deuteranopia

#BBBAE0

Tritanopia

#B6DBD9

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C6D2F0
300
#9EB1E6
400
#6987D8
500
#345DCB
600
#2A4BA2
700
#213C82
800
#1A2F65
900
#17254A
950
#0E172F

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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