#BDF59A

#BDF59A

Color Values

HEX

#BDF59A

RGB

189, 245, 154

HSL

96.9, 82.0%, 78.2%

HSV

96.9, 37.1%, 96.1%

CMYK

22.9%, 0.0%, 37.1%, 3.9%

OKLCH

0.9106 0.1316 134.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDF59A

#D29AF5

Analogous

#EBF59A

#9AF5A4

#BDF59A

Triadic

#BDF59A

#9ABDF5

#F59ABD

Split Complementary

#BDF59A

#A49AF5

#F59AEB

Tetradic

#BDF59A

#9AEBF5

#D29AF5

#F5A49A

Color Blindness Simulation

Original

#BDF59A

Protanopia

#D5D6B0

Deuteranopia

#D2CEB5

Tritanopia

#C0C1C5

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE1
200
#D5F9BE
300
#B6F490
400
#8FEE53
500
#67E817
600
#53BA12
700
#42950F
800
#34740B
900
#28540D
950
#193508

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026