#53EC60

#53EC60

Color Values

HEX

#53EC60

RGB

83, 236, 96

HSL

125.1, 80.1%, 62.5%

HSV

125.1, 64.8%, 92.5%

CMYK

64.8%, 0.0%, 59.3%, 7.5%

OKLCH

0.8334 0.2234 144.5

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#53EC60

#EC53DF

Analogous

#92EC53

#53ECAC

#53EC60

Triadic

#53EC60

#6053EC

#EC6053

Split Complementary

#53EC60

#AC53EC

#EC5392

Tetradic

#53EC60

#5392EC

#EC53DF

#ECAC53

Color Blindness Simulation

Original

#53EC60

Protanopia

#959782

Deuteranopia

#8C818A

Tritanopia

#5B9DA2

Achromatopsia

#C1C1C1

CSS Usage

background-color: #53EC60;
color: #53EC60;
border-color: #53EC60;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BFF8C4
300
#91F399
400
#55EC62
500
#19E62B
600
#14B822
700
#10931B
800
#0D7315
900
#0E5313
950
#09350C

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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