#B0D1DF

#B0D1DF

Color Values

HEX

#B0D1DF

RGB

176, 209, 223

HSL

197,9, 42,3%, 78,2%

HSV

197,9, 21,1%, 87,5%

CMYK

21,1%, 6,3%, 0,0%, 12,5%

OKLCH

0,8411 0,0402 225,4

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#B0D1DF

#DFBEB0

Analogous

#B0DFD5

#B0B9DF

#B0D1DF

Triadic

#B0D1DF

#DFB0D1

#D1DFB0

Split Complementary

#B0D1DF

#DFB0B9

#DFD5B0

Tetradic

#B0D1DF

#D5B0DF

#DFBEB0

#B9DFB0

Color Blindness Simulation

Original

#B0D1DF

Protanopia

#BEBFDC

Deuteranopia

#BCBADB

Tritanopia

#B2D9D8

Achromatopsia

#CBCBCB

CSS Usage

background-color: #B0D1DF;
color: #B0D1DF;
border-color: #B0D1DF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E7F0F4
200
#CCE1EA
300
#A8CCDC
400
#79B1C9
500
#4A95B5
600
#3B7791
700
#2F6074
800
#254B5B
900
#1E3843
950
#13232A

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,03: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