#B4D7DF

#B4D7DF

Color Values

HEX

#B4D7DF

RGB

180, 215, 223

HSL

191.2, 40.2%, 79.0%

HSV

191.2, 19.3%, 87.5%

CMYK

19.3%, 3.6%, 0.0%, 12.5%

OKLCH

0.8564 0.0386 213.1

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#B4D7DF

#DFBCB4

Analogous

#B4DFD1

#B4C1DF

#B4D7DF

Triadic

#B4D7DF

#DFB4D7

#D7DFB4

Split Complementary

#B4D7DF

#DFB4C1

#DFD1B4

Tetradic

#B4D7DF

#D1B4DF

#DFBCB4

#C1DFB4

Color Blindness Simulation

Original

#B4D7DF

Protanopia

#C3C3DD

Deuteranopia

#C1BEDD

Tritanopia

#B6DCDB

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4EA
300
#A9D1DA
400
#7BB8C7
500
#4CA0B3
600
#3D808F
700
#316672
800
#265059
900
#1F3B42
950
#14262A

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.73:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026