#B4DECD

#B4DECD

Color Values

HEX

#B4DECD

RGB

180, 222, 205

HSL

155.7, 38.9%, 78.8%

HSV

155.7, 18.9%, 87.1%

CMYK

18.9%, 0.0%, 7.7%, 12.9%

OKLCH

0.8659 0.0498 168.6

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#B4DECD

#DEB4C5

Analogous

#B4DEB8

#B4DADE

#B4DECD

Triadic

#B4DECD

#CDB4DE

#DECDB4

Split Complementary

#B4DECD

#DEB4DA

#DEB8B4

Tetradic

#B4DECD

#B8B4DE

#DEB4C5

#DADEB4

Color Blindness Simulation

Original

#B4DECD

Protanopia

#C6C7D1

Deuteranopia

#C4C1D2

Tritanopia

#B6D4D5

Achromatopsia

#D4D4D4

CSS Usage

background-color: #B4DECD;
color: #B4DECD;
border-color: #B4DECD;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DE
300
#AADAC6
400
#7CC5A8
500
#4EB189
600
#3E8E6E
700
#327158
800
#275944
900
#1F4134
950
#142921

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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