#B5CCEE

#B5CCEE

Color Values

HEX

#B5CCEE

RGB

181, 204, 238

HSL

215.8, 62.6%, 82.2%

HSV

215.8, 23.9%, 93.3%

CMYK

23.9%, 14.3%, 0.0%, 6.7%

OKLCH

0.8392 0.0539 258.0

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B5CCEE

#EED7B5

Analogous

#B5E9EE

#BBB5EE

#B5CCEE

Triadic

#B5CCEE

#EEB5CC

#CCEEB5

Split Complementary

#B5CCEE

#EEBBB5

#E9EEB5

Tetradic

#B5CCEE

#EEB5E9

#EED7B5

#B5EEBB

Color Blindness Simulation

Original

#B5CCEE

Protanopia

#BFBFE6

Deuteranopia

#BEBCE4

Tritanopia

#B6DFDE

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EBF7
200
#C5D7F2
300
#9BBAE8
400
#6695DC
500
#3070CF
600
#265AA6
700
#1F4885
800
#183868
900
#152B4C
950
#0D1B30

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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