#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026