#B7DBDE

#B7DBDE

Color Values

HEX

#B7DBDE

RGB

183, 219, 222

HSL

184.6, 37.1%, 79.4%

HSV

184.6, 17.6%, 87.1%

CMYK

17.6%, 1.4%, 0.0%, 12.9%

OKLCH

0.8664 0.0381 202.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#B7DBDE

#DEBAB7

Analogous

#B7DECD

#B7C7DE

#B7DBDE

Triadic

#B7DBDE

#DEB7DB

#DBDEB7

Split Complementary

#B7DBDE

#DEB7C7

#DECDB7

Tetradic

#B7DBDE

#CDB7DE

#DEBAB7

#C7DEB7

Color Blindness Simulation

Original

#B7DBDE

Protanopia

#C7C7DD

Deuteranopia

#C4C2DD

Tritanopia

#B9DDDD

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE7E9
300
#ABD5D9
400
#7EBEC4
500
#50A8AF
600
#40868C
700
#336B70
800
#285457
900
#203E41
950
#142729

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026