#84CC00

#84CC00

Color Values

HEX

#84CC00

RGB

132, 204, 0

HSL

81.2, 100.0%, 40.0%

HSV

81.2, 100.0%, 80.0%

CMYK

35.3%, 0.0%, 100.0%, 20.0%

OKLCH

0.7677 0.2082 130.5

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#84CC00

#4800CC

Analogous

#CCAE00

#1ECC00

#84CC00

Triadic

#84CC00

#0084CC

#CC0084

Split Complementary

#84CC00

#001ECC

#AE00CC

Tetradic

#84CC00

#00CCAE

#4800CC

#CC001E

Color Blindness Simulation

Original

#84CC00

Protanopia

#A3A431

Deuteranopia

#9F9A3D

Tritanopia

#885861

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F2FCDE
200
#E6FFB8
300
#D4FF85
400
#BCFF42
500
#A5FF00
600
#84CC00
700
#6AA300
800
#528000
900
#3D5C05
950
#273A03

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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