#B1C8EE

#B1C8EE

Color Values

HEX

#B1C8EE

RGB

177, 200, 238

HSL

217.4, 64.2%, 81.4%

HSV

217.4, 25.6%, 93.3%

CMYK

25.6%, 16.0%, 0.0%, 6.7%

OKLCH

0.8283 0.0592 260.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B1C8EE

#EED7B1

Analogous

#B1E7EE

#B9B1EE

#B1C8EE

Triadic

#B1C8EE

#EEB1C8

#C8EEB1

Split Complementary

#B1C8EE

#EEB9B1

#E7EEB1

Tetradic

#B1C8EE

#EEB1E7

#EED7B1

#B1EEB9

Color Blindness Simulation

Original

#B1C8EE

Protanopia

#BBBBE5

Deuteranopia

#BAB8E3

Tritanopia

#B2DEDC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F2
300
#9BB8E9
400
#6492DD
500
#2E6BD1
600
#2556A7
700
#1D4586
800
#173669
900
#142A4C
950
#0D1A30

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.37:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026