#B7D6DB

#B7D6DB

Color Values

HEX

#B7D6DB

RGB

183, 214, 219

HSL

188.3, 33.3%, 78.8%

HSV

188.3, 16.4%, 85.9%

CMYK

16.4%, 2.3%, 0.0%, 14.1%

OKLCH

0.855 0.0337 208.4

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B7D6DB

#DBBCB7

Analogous

#B7DBCE

#B7C4DB

#B7D6DB

Triadic

#B7D6DB

#DBB7D6

#D6DBB7

Split Complementary

#B7D6DB

#DBB7C4

#DBCEB7

Tetradic

#B7D6DB

#CEB7DB

#DBBCB7

#C4DBB7

Color Blindness Simulation

Original

#B7D6DB

Protanopia

#C4C5DA

Deuteranopia

#C3C0DA

Tritanopia

#B9D9D9

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE4E7
300
#ADD1D6
400
#81B7C0
500
#559EAA
600
#447F88
700
#36656D
800
#2B4F55
900
#223B3F
950
#152528

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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