#BAD5B1

#BAD5B1

Color Values

HEX

#BAD5B1

RGB

186, 213, 177

HSL

105.0, 30.0%, 76.5%

HSV

105.0, 16.9%, 83.5%

CMYK

12.7%, 0.0%, 16.9%, 16.5%

OKLCH

0.8434 0.057 137.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BAD5B1

#CCB1D5

Analogous

#CCD5B1

#B1D5BA

#BAD5B1

Triadic

#BAD5B1

#B1BAD5

#D5B1BA

Split Complementary

#BAD5B1

#BAB1D5

#D5B1CC

Tetradic

#BAD5B1

#B1CCD5

#CCB1D5

#D5BAB1

Color Blindness Simulation

Original

#BAD5B1

Protanopia

#C6C6BA

Deuteranopia

#C4C2BC

Tritanopia

#BBC1C2

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EBF2E9
200
#D6E6D1
300
#B9D4AF
400
#92BD84
500
#6CA659
600
#578547
700
#456A39
800
#36532D
900
#2A3E23
950
#1A2716

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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