#B2D6AD

#B2D6AD

Color Values

HEX

#B2D6AD

RGB

178, 214, 173

HSL

112.7, 33.3%, 75.9%

HSV

112.7, 19.2%, 83.9%

CMYK

16.8%, 0.0%, 19.2%, 16.1%

OKLCH

0.8391 0.0679 141.7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B2D6AD

#D1ADD6

Analogous

#C7D6AD

#ADD6BD

#B2D6AD

Triadic

#B2D6AD

#ADB2D6

#D6ADB2

Split Complementary

#B2D6AD

#BDADD6

#D6ADC7

Tetradic

#B2D6AD

#ADC7D6

#D1ADD6

#D6BDAD

Color Blindness Simulation

Original

#B2D6AD

Protanopia

#C2C2B7

Deuteranopia

#C0BDB9

Tritanopia

#B4BFC0

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D2E7CF
300
#B2D6AD
400
#89C081
500
#5FAA55
600
#4C8844
700
#3D6D36
800
#30552B
900
#253F22
950
#182815

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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