#BDD39D

#BDD39D

Color Values

HEX

#BDD39D

RGB

189, 211, 157

HSL

84.4, 38.0%, 72.2%

HSV

84.4, 25.6%, 82.7%

CMYK

10.4%, 0.0%, 25.6%, 17.3%

OKLCH

0.8367 0.0762 126.0

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#BDD39D

#B39DD3

Analogous

#D3CE9D

#A2D39D

#BDD39D

Triadic

#BDD39D

#9DBDD3

#D39DBD

Split Complementary

#BDD39D

#9DA2D3

#CE9DD3

Tetradic

#BDD39D

#9DD3CE

#B39DD3

#D39DA2

Color Blindness Simulation

Original

#BDD39D

Protanopia

#C7C7AA

Deuteranopia

#C5C4AD

Tritanopia

#BEB4B7

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEE9CE
300
#C6D9AB
400
#A7C57D
500
#89B04F
600
#6D8D3F
700
#577133
800
#445828
900
#344120
950
#212914

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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