#53BA45

#53BA45

Color Values

HEX

#53BA45

RGB

83, 186, 69

HSL

112.8, 45.9%, 50.0%

HSV

112.8, 62.9%, 72.9%

CMYK

55.4%, 0.0%, 62.9%, 27.1%

OKLCH

0.7029 0.1828 141.3

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#53BA45

#AC45BA

Analogous

#8EBA45

#45BA71

#53BA45

Triadic

#53BA45

#4553BA

#BA4553

Split Complementary

#53BA45

#7145BA

#BA458E

Tetradic

#53BA45

#458EBA

#AC45BA

#BA7145

Color Blindness Simulation

Original

#53BA45

Protanopia

#808061

Deuteranopia

#7A7268

Tritanopia

#58787D

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F5FAF4
100
#E8F4E6
200
#CFECCB
300
#ACDEA6
400
#80CC75
500
#53BA45
600
#429537
700
#35772C
800
#2A5D22
900
#21441C
950
#152B12

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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