#BAD19B

#BAD19B

Color Values

HEX

#BAD19B

RGB

186, 209, 155

HSL

85.6, 37.0%, 71.4%

HSV

85.6, 25.8%, 82.0%

CMYK

11.0%, 0.0%, 25.8%, 18.0%

OKLCH

0.8298 0.0768 126.8

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#BAD19B

#B29BD1

Analogous

#D1CD9B

#9FD19B

#BAD19B

Triadic

#BAD19B

#9BBAD1

#D19BBA

Split Complementary

#BAD19B

#9B9FD1

#CD9BD1

Tetradic

#BAD19B

#9BD1CD

#B29BD1

#D19B9F

Color Blindness Simulation

Original

#BAD19B

Protanopia

#C4C4A8

Deuteranopia

#C3C1AB

Tritanopia

#BBB2B5

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE9CE
300
#C5D8AB
400
#A6C47E
500
#86AF50
600
#6C8C40
700
#567033
800
#435728
900
#334120
950
#202914

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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