#BDE296

#BDE296

Color Values

HEX

#BDE296

RGB

189, 226, 150

HSL

89.2, 56.7%, 73.7%

HSV

89.2, 33.6%, 88.6%

CMYK

16.4%, 0.0%, 33.6%, 11.4%

OKLCH

0.868 0.1074 129.5

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BDE296

#BB96E2

Analogous

#E2E196

#97E296

#BDE296

Triadic

#BDE296

#96BDE2

#E296BD

Split Complementary

#BDE296

#9697E2

#E196E2

Tetradic

#BDE296

#96E2E1

#BB96E2

#E29697

Color Blindness Simulation

Original

#BDE296

Protanopia

#CDCDA8

Deuteranopia

#CBC8AD

Tritanopia

#BFB7BA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DCF0C7
300
#C3E59F
400
#A2D66B
500
#81C837
600
#68A02C
700
#538023
800
#41641C
900
#314918
950
#1F2E0F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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