#53C331

#53C331

Color Values

HEX

#53C331

RGB

83, 195, 49

HSL

106,0, 59,8%, 47,8%

HSV

106,0, 74,9%, 76,5%

CMYK

57,4%, 0,0%, 74,9%, 23,5%

OKLCH

0,7245 0,2069 139,6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#53C331

#A131C3

Analogous

#9CC331

#31C358

#53C331

Triadic

#53C331

#3153C3

#C33153

Split Complementary

#53C331

#5831C3

#C3319C

Tetradic

#53C331

#319CC3

#A131C3

#C35831

Color Blindness Simulation

Original

#53C331

Protanopia

#848454

Deuteranopia

#7D755D

Tritanopia

#597076

Achromatopsia

#A1A1A1

CSS Usage

background-color: #53C331;
color: #53C331;
border-color: #53C331;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FBF3
100
#E8F6E4
200
#D0F1C6
300
#AEE69D
400
#83D968
500
#57CC33
600
#45A329
700
#388221
800
#2B661A
900
#234B16
950
#162F0E

Contrast Checker

Text on white

2,28:1

AA Fail AAA Fail

Text on black

9,22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026