#B5C9EC

#B5C9EC

Color Values

HEX

#B5C9EC

RGB

181, 201, 236

HSL

218.2, 59.1%, 81.8%

HSV

218.2, 23.3%, 92.5%

CMYK

23.3%, 14.8%, 0.0%, 7.5%

OKLCH

0.8324 0.0539 261.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B5C9EC

#ECD8B5

Analogous

#B5E5EC

#BDB5EC

#B5C9EC

Triadic

#B5C9EC

#ECB5C9

#C9ECB5

Split Complementary

#B5C9EC

#ECBDB5

#E5ECB5

Tetradic

#B5C9EC

#ECB5E5

#ECD8B5

#B5ECBD

Color Blindness Simulation

Original

#B5C9EC

Protanopia

#BEBEE4

Deuteranopia

#BCBBE2

Tritanopia

#B6DDDB

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C6D6F0
300
#9EB8E6
400
#6991D8
500
#346BCB
600
#2A56A2
700
#214482
800
#1A3565
900
#17294A
950
#0E1A2F

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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