#B4CCAD

#B4CCAD

Color Values

HEX

#B4CCAD

RGB

180, 204, 173

HSL

106.5, 23.3%, 73.9%

HSV

106.5, 15.2%, 80.0%

CMYK

11.8%, 0.0%, 15.2%, 20.0%

OKLCH

0.8188 0.0499 138.6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#B4CCAD

#C5ADCC

Analogous

#C3CCAD

#ADCCB5

#B4CCAD

Triadic

#B4CCAD

#ADB4CC

#CCADB4

Split Complementary

#B4CCAD

#B5ADCC

#CCADC3

Tetradic

#B4CCAD

#ADC3CC

#C5ADCC

#CCB5AD

Color Blindness Simulation

Original

#B4CCAD

Protanopia

#BEBFB4

Deuteranopia

#BDBBB6

Tritanopia

#B5BABC

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EBF1EA
200
#D7E4D3
300
#BAD0B4
400
#95B78B
500
#6F9D62
600
#597E4E
700
#47653F
800
#384F31
900
#2B3B26
950
#1B2518

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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