#BAF052

#BAF052

Color Values

HEX

#BAF052

RGB

186, 240, 82

HSL

80.5, 84.0%, 63.1%

HSV

80.5, 65.8%, 94.1%

CMYK

22.5%, 0.0%, 65.8%, 5.9%

OKLCH

0.8884 0.1914 126.3

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#BAF052

#8852F0

Analogous

#F0D752

#6BF052

#BAF052

Triadic

#BAF052

#52BAF0

#F052BA

Split Complementary

#BAF052

#526BF0

#D752F0

Tetradic

#BAF052

#52F0D7

#8852F0

#F0526B

Color Blindness Simulation

Original

#BAF052

Protanopia

#D1D278

Deuteranopia

#CECA81

Tritanopia

#BD969D

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F1FAE0
200
#E5F9BD
300
#D2F58E
400
#BAF051
500
#A1EB14
600
#81BC10
700
#67960D
800
#51750A
900
#3C550C
950
#263607

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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