#B7C8DB

#B7C8DB

Color Values

HEX

#B7C8DB

RGB

183, 200, 219

HSL

211.7, 33.3%, 78.8%

HSV

211.7, 16.4%, 85.9%

CMYK

16.4%, 8.7%, 0.0%, 14.1%

OKLCH

0.8259 0.0326 251.2

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B7C8DB

#DBCAB7

Analogous

#B7DADB

#B8B7DB

#B7C8DB

Triadic

#B7C8DB

#DBB7C8

#C8DBB7

Split Complementary

#B7C8DB

#DBB8B7

#DADBB7

Tetradic

#B7C8DB

#DBB7DA

#DBCAB7

#B7DBB8

Color Blindness Simulation

Original

#B7C8DB

Protanopia

#BEBFD6

Deuteranopia

#BDBCD5

Tritanopia

#B8D3D2

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE7
300
#ADC1D6
400
#819FC0
500
#557DAA
600
#446488
700
#36506D
800
#2B3F55
900
#22303F
950
#151E28

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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