#BDD990

#BDD990

Color Values

HEX

#BDD990

RGB

189, 217, 144

HSL

83.0, 49.0%, 70.8%

HSV

83.0, 33.6%, 85.1%

CMYK

12.9%, 0.0%, 33.6%, 14.9%

OKLCH

0.8472 0.1007 125.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDD990

#AC90D9

Analogous

#D9D190

#99D990

#BDD990

Triadic

#BDD990

#90BDD9

#D990BD

Split Complementary

#BDD990

#9099D9

#D190D9

Tetradic

#BDD990

#90D9D1

#AC90D9

#D99099

Color Blindness Simulation

Original

#BDD990

Protanopia

#C9C9A2

Deuteranopia

#C8C5A6

Tritanopia

#BEB0B3

Achromatopsia

#CECECE

CSS Usage

background-color: #BDD990;
color: #BDD990;
border-color: #BDD990;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDCA
300
#C9E0A4
400
#ABCF72
500
#8EBE41
600
#729834
700
#5B7A2A
800
#475F21
900
#35461B
950
#222C11

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.49:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026