#B4DFDE

#B4DFDE

Color Values

HEX

#B4DFDE

RGB

180, 223, 222

HSL

178.6, 40.2%, 79.0%

HSV

178.6, 19.3%, 87.5%

CMYK

19.3%, 0.0%, 0.4%, 12.5%

OKLCH

0.873 0.0447 194.6

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#B4DFDE

#DFB4B5

Analogous

#B4DFC8

#B4CADF

#B4DFDE

Triadic

#B4DFDE

#DEB4DF

#DFDEB4

Split Complementary

#B4DFDE

#DFB4CA

#DFC8B4

Tetradic

#B4DFDE

#C8B4DF

#DFB4B5

#CADFB4

Color Blindness Simulation

Original

#B4DFDE

Protanopia

#C7C7DE

Deuteranopia

#C4C1DE

Tritanopia

#B6DEDE

Achromatopsia

#D6D6D6

CSS Usage

background-color: #B4DFDE;
color: #B4DFDE;
border-color: #B4DFDE;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE9
300
#A9DAD9
400
#7BC7C5
500
#4CB3B0
600
#3D8F8D
700
#317271
800
#265958
900
#1F4241
950
#142A29

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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