#B0C8EC

#B0C8EC

Color Values

HEX

#B0C8EC

RGB

176, 200, 236

HSL

216.0, 61.2%, 80.8%

HSV

216.0, 25.4%, 92.5%

CMYK

25.4%, 15.3%, 0.0%, 7.5%

OKLCH

0.8269 0.0571 258.4

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B0C8EC

#ECD4B0

Analogous

#B0E6EC

#B6B0EC

#B0C8EC

Triadic

#B0C8EC

#ECB0C8

#C8ECB0

Split Complementary

#B0C8EC

#ECB6B0

#E6ECB0

Tetradic

#B0C8EC

#ECB0E6

#ECD4B0

#B0ECB6

Color Blindness Simulation

Original

#B0C8EC

Protanopia

#BABBE3

Deuteranopia

#B9B7E1

Tritanopia

#B1DCDB

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EBF6
200
#C5D7F1
300
#9CBAE7
400
#6795DA
500
#3170CE
600
#285AA4
700
#204884
800
#193867
900
#162B4B
950
#0E1B2F

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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