#53DC63

#53DC63

Color Values

HEX

#53DC63

RGB

83, 220, 99

HSL

127.0, 66.2%, 59.4%

HSV

127.0, 62.3%, 86.3%

CMYK

62.3%, 0.0%, 55.0%, 13.7%

OKLCH

0.7934 0.2015 145.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#53DC63

#DC53CC

Analogous

#87DC53

#53DCA7

#53DC63

Triadic

#53DC63

#6353DC

#DC6353

Split Complementary

#53DC63

#A753DC

#DC5387

Tetradic

#53DC63

#5387DC

#DC53CC

#DCA753

Color Blindness Simulation

Original

#53DC63

Protanopia

#8E9080

Deuteranopia

#867C87

Tritanopia

#5A979C

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C4F3C9
300
#99EAA3
400
#62DF71
500
#2BD43F
600
#22AA32
700
#1C8828
800
#166A1F
900
#144D1A
950
#0C3111

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026