#53CE68

#53CE68

Color Values

HEX

#53CE68

RGB

83, 206, 104

HSL

130.2, 55.7%, 56.7%

HSV

130.2, 59.7%, 80.8%

CMYK

59.7%, 0.0%, 49.5%, 19.2%

OKLCH

0.7586 0.1792 146.8

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#53CE68

#CE53B9

Analogous

#7CCE53

#53CEA5

#53CE68

Triadic

#53CE68

#6853CE

#CE6853

Split Complementary

#53CE68

#A553CE

#CE537C

Tetradic

#53CE68

#537CCE

#CE53B9

#CEA553

Color Blindness Simulation

Original

#53CE68

Protanopia

#888981

Deuteranopia

#817887

Tritanopia

#599498

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F6E8
200
#C7EFCE
300
#A0E4AB
400
#6CD57E
500
#38C751
600
#2D9F41
700
#247F34
800
#1C6328
900
#184920
950
#0F2E14

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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