#B2D1DB

#B2D1DB

Color Values

HEX

#B2D1DB

RGB

178, 209, 219

HSL

194.6, 36.3%, 77.8%

HSV

194.6, 18.7%, 85.9%

CMYK

18.7%, 4.6%, 0.0%, 14.1%

OKLCH

0.8411 0.0359 219.3

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#B2D1DB

#DBBCB2

Analogous

#B2DBD0

#B2BCDB

#B2D1DB

Triadic

#B2D1DB

#DBB2D1

#D1DBB2

Split Complementary

#B2D1DB

#DBB2BC

#DBD0B2

Tetradic

#B2D1DB

#D0B2DB

#DBBCB2

#BCDBB2

Color Blindness Simulation

Original

#B2D1DB

Protanopia

#BFC0D9

Deuteranopia

#BEBBD8

Tritanopia

#B4D7D6

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F3
200
#CEE2E8
300
#ACCDD8
400
#7EB2C3
500
#5197AE
600
#41798B
700
#34616F
800
#294C57
900
#213940
950
#152429

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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