#52F850

#52F850

Color Values

HEX

#52F850

RGB

82, 248, 80

HSL

119.3, 92.3%, 64.3%

HSV

119.3, 67.7%, 97.3%

CMYK

66.9%, 0.0%, 67.7%, 2.7%

OKLCH

0.8617 0.2486 142.9

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#52F850

#F650F8

Analogous

#A6F850

#50F8A2

#52F850

Triadic

#52F850

#5052F8

#F85052

Split Complementary

#52F850

#A250F8

#F850A6

Tetradic

#52F850

#50A6F8

#F650F8

#F8A250

Color Blindness Simulation

Original

#52F850

Protanopia

#9A9B79

Deuteranopia

#908482

Tritanopia

#5A99A0

Achromatopsia

#C9C9C9

CSS Usage

background-color: #52F850;
color: #52F850;
border-color: #52F850;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FDF1
100
#DFFBDF
200
#BBFCBA
300
#8BFA89
400
#4CF84A
500
#0DF50A
600
#0AC408
700
#089D06
800
#067B05
900
#095908
950
#063805

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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