#54BC0C

#54BC0C

Color Values

HEX

#54BC0C

RGB

84, 188, 12

HSL

95.5, 88.0%, 39.2%

HSV

95.5, 93.6%, 73.7%

CMYK

55.3%, 0.0%, 93.6%, 26.3%

OKLCH

0.7051 0.2122 137.4

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#54BC0C

#740CBC

Analogous

#ACBC0C

#0CBC1C

#54BC0C

Triadic

#54BC0C

#0C54BC

#BC0C54

Split Complementary

#54BC0C

#1C0CBC

#BC0CAC

Tetradic

#54BC0C

#0CACBC

#740CBC

#BC1C0C

Color Blindness Simulation

Original

#54BC0C

Protanopia

#818237

Deuteranopia

#7B7341

Tritanopia

#595860

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EBFBE0
200
#D6FBBC
300
#B8F88C
400
#91F44E
500
#6BF00F
600
#56C00C
700
#44990A
800
#357808
900
#29570A
950
#1A3706

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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