#BADD9E

#BADD9E

Color Values

HEX

#BADD9E

RGB

186, 221, 158

HSL

93.3, 48.1%, 74.3%

HSV

93.3, 28.5%, 86.7%

CMYK

15.8%, 0.0%, 28.5%, 13.3%

OKLCH

0.8565 0.092 131.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BADD9E

#C19EDD

Analogous

#DADD9E

#9EDDA1

#BADD9E

Triadic

#BADD9E

#9EBADD

#DD9EBA

Split Complementary

#BADD9E

#A19EDD

#DD9EDA

Tetradic

#BADD9E

#9EDADD

#C19EDD

#DDA19E

Color Blindness Simulation

Original

#BADD9E

Protanopia

#C9C9AD

Deuteranopia

#C7C4B1

Tritanopia

#BCB9BC

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D9ECCA
300
#BFDFA4
400
#9CCE73
500
#79BD42
600
#619735
700
#4D792A
800
#3C5E21
900
#2E451B
950
#1D2C11

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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