#B2D2A4

#B2D2A4

Color Values

HEX

#B2D2A4

RGB

178, 210, 164

HSL

101.7, 33.8%, 73.3%

HSV

101.7, 21.9%, 82.4%

CMYK

15.2%, 0.0%, 21.9%, 17.6%

OKLCH

0.8283 0.0715 136.2

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B2D2A4

#C4A4D2

Analogous

#C9D2A4

#A4D2AD

#B2D2A4

Triadic

#B2D2A4

#A4B2D2

#D2A4B2

Split Complementary

#B2D2A4

#ADA4D2

#D2A4C9

Tetradic

#B2D2A4

#A4C9D2

#C4A4D2

#D2ADA4

Color Blindness Simulation

Original

#B2D2A4

Protanopia

#C0C0AF

Deuteranopia

#BEBCB2

Tritanopia

#B4B8BA

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF2E8
200
#D7E7CF
300
#BAD6AD
400
#94C181
500
#6FAB54
600
#598844
700
#476D36
800
#37552A
900
#2B3F22
950
#1B2815

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.65:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026