#BDD495

#BDD495

Color Values

HEX

#BDD495

RGB

189, 212, 149

HSL

81.9, 42.3%, 70.8%

HSV

81.9, 29.7%, 83.1%

CMYK

10.8%, 0.0%, 29.7%, 16.9%

OKLCH

0.8373 0.0874 124.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BDD495

#AC95D4

Analogous

#D4CC95

#9ED495

#BDD495

Triadic

#BDD495

#95BDD4

#D495BD

Split Complementary

#BDD495

#959ED4

#CC95D4

Tetradic

#BDD495

#95D4CC

#AC95D4

#D4959E

Color Blindness Simulation

Original

#BDD495

Protanopia

#C7C7A4

Deuteranopia

#C6C4A8

Tritanopia

#BEB0B3

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#DFEACC
300
#C9DCA8
400
#ABC979
500
#8EB54A
600
#72913B
700
#5B742F
800
#475B25
900
#35431E
950
#222A13

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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