#BAD09B

#BAD09B

Color Values

HEX

#BAD09B

RGB

186, 208, 155

HSL

84.9, 36.1%, 71.2%

HSV

84.9, 25.5%, 81.6%

CMYK

10.6%, 0.0%, 25.5%, 18.4%

OKLCH

0.8276 0.0752 126.3

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#BAD09B

#B19BD0

Analogous

#D0CC9B

#A0D09B

#BAD09B

Triadic

#BAD09B

#9BBAD0

#D09BBA

Split Complementary

#BAD09B

#9BA0D0

#CC9BD0

Tetradic

#BAD09B

#9BD0CC

#B19BD0

#D09BA0

Color Blindness Simulation

Original

#BAD09B

Protanopia

#C4C4A8

Deuteranopia

#C2C1AB

Tritanopia

#BBB2B4

Achromatopsia

#C7C7C7

CSS Usage

background-color: #BAD09B;
color: #BAD09B;
border-color: #BAD09B;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CE
300
#C6D8AC
400
#A6C37F
500
#87AE51
600
#6C8B41
700
#576F34
800
#445729
900
#334021
950
#202915

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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