#BAF150

#BAF150

Color Values

HEX

#BAF150

RGB

186, 241, 80

HSL

80.5, 85.2%, 62.9%

HSV

80.5, 66.8%, 94.5%

CMYK

22.8%, 0.0%, 66.8%, 5.5%

OKLCH

0.8905 0.194 126.4

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#BAF150

#8750F1

Analogous

#F1D750

#69F150

#BAF150

Triadic

#BAF150

#50BAF1

#F150BA

Split Complementary

#BAF150

#5069F1

#D750F1

Tetradic

#BAF150

#50F1D7

#8750F1

#F15069

Color Blindness Simulation

Original

#BAF150

Protanopia

#D2D277

Deuteranopia

#CFCA80

Tritanopia

#BD969C

Achromatopsia

#DADADA

CSS Usage

background-color: #BAF150;
color: #BAF150;
border-color: #BAF150;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FDF2
100
#F1FAE0
200
#E5FABD
300
#D2F68E
400
#BAF150
500
#A2EC13
600
#82BD0F
700
#68970C
800
#517609
900
#3C560B
950
#263607

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.79:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026