#B4DAB3

#B4DAB3

Color Values

HEX

#B4DAB3

RGB

180, 218, 179

HSL

118.5, 34.5%, 77.8%

HSV

118.5, 17.9%, 85.5%

CMYK

17.4%, 0.0%, 17.9%, 14.5%

OKLCH

0.8505 0.0668 144.3

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B4DAB3

#D9B3DA

Analogous

#C7DAB3

#B3DAC5

#B4DAB3

Triadic

#B4DAB3

#B3B4DA

#DAB3B4

Split Complementary

#B4DAB3

#C5B3DA

#DAB3C7

Tetradic

#B4DAB3

#B3C7DA

#D9B3DA

#DAC5B3

Color Blindness Simulation

Original

#B4DAB3

Protanopia

#C4C5BC

Deuteranopia

#C2BFBF

Tritanopia

#B6C4C6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#D0E8CF
300
#AED7AD
400
#82C180
500
#56AB54
600
#458943
700
#376E35
800
#2B562A
900
#223F21
950
#162815

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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