#BDF394

#BDF394

Color Values

HEX

#BDF394

RGB

189, 243, 148

HSL

94,1, 79,8%, 76,7%

HSV

94,1, 39,1%, 95,3%

CMYK

22,2%, 0,0%, 39,1%, 4,7%

OKLCH

0,9051 0,135 132,7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDF394

#CA94F3

Analogous

#EDF394

#94F39B

#BDF394

Triadic

#BDF394

#94BDF3

#F394BD

Split Complementary

#BDF394

#9B94F3

#F394ED

Tetradic

#BDF394

#94EDF3

#CA94F3

#F39B94

Color Blindness Simulation

Original

#BDF394

Protanopia

#D4D5AB

Deuteranopia

#D1CDB0

Tritanopia

#C0BDC1

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EBF9E1
200
#D7F8BF
300
#BBF391
400
#96EC55
500
#72E51A
600
#5BB715
700
#499310
800
#39730D
900
#2C530E
950
#1C3509

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026