#B4DDBE

#B4DDBE

Color Values

HEX

#B4DDBE

RGB

180, 221, 190

HSL

134.6, 37.6%, 78.6%

HSV

134.6, 18.6%, 86.7%

CMYK

18.6%, 0.0%, 14.0%, 13.3%

OKLCH

0.8598 0.0605 152.4

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#B4DDBE

#DDB4D3

Analogous

#BEDDB4

#B4DDD2

#B4DDBE

Triadic

#B4DDBE

#BEB4DD

#DDBEB4

Split Complementary

#B4DDBE

#D2B4DD

#DDB4BE

Tetradic

#B4DDBE

#B4BEDD

#DDB4D3

#DDD2B4

Color Blindness Simulation

Original

#B4DDBE

Protanopia

#C6C6C5

Deuteranopia

#C3C0C7

Tritanopia

#B6CBCD

Achromatopsia

#D2D2D2

CSS Usage

background-color: #B4DDBE;
color: #B4DDBE;
border-color: #B4DDBE;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CEE9D4
300
#ABD9B6
400
#7DC48E
500
#50AF67
600
#408C52
700
#337042
800
#285833
900
#204128
950
#142919

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026