#B0C9EB

#B0C9EB

Color Values

HEX

#B0C9EB

RGB

176, 201, 235

HSL

214.6, 59.6%, 80.6%

HSV

214.6, 25.1%, 92.2%

CMYK

25.1%, 14.5%, 0.0%, 7.8%

OKLCH

0.8286 0.0551 256.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B0C9EB

#EBD2B0

Analogous

#B0E6EB

#B5B0EB

#B0C9EB

Triadic

#B0C9EB

#EBB0C9

#C9EBB0

Split Complementary

#B0C9EB

#EBB5B0

#E6EBB0

Tetradic

#B0C9EB

#EBB0E6

#EBD2B0

#B0EBB5

Color Blindness Simulation

Original

#B0C9EB

Protanopia

#BBBBE3

Deuteranopia

#B9B8E1

Tritanopia

#B1DCDB

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D8F1
300
#9DBCE6
400
#6898D9
500
#3474CB
600
#295DA3
700
#214A82
800
#1A3A66
900
#162C4A
950
#0E1C2F

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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