#53BC0C

#53BC0C

Color Values

HEX

#53BC0C

RGB

83, 188, 12

HSL

95.8, 88.0%, 39.2%

HSV

95.8, 93.6%, 73.7%

CMYK

55.9%, 0.0%, 93.6%, 26.3%

OKLCH

0.7047 0.2126 137.5

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#53BC0C

#750CBC

Analogous

#ABBC0C

#0CBC1D

#53BC0C

Triadic

#53BC0C

#0C53BC

#BC0C53

Split Complementary

#53BC0C

#1D0CBC

#BC0CAB

Tetradic

#53BC0C

#0CABBC

#750CBC

#BC1D0C

Color Blindness Simulation

Original

#53BC0C

Protanopia

#808137

Deuteranopia

#7A7241

Tritanopia

#585860

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EBFBE0
200
#D5FBBC
300
#B7F88C
400
#91F44E
500
#6AF00F
600
#55C00C
700
#44990A
800
#357808
900
#29570A
950
#1A3706

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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