#84DF40

#84DF40

Color Values

HEX

#84DF40

RGB

132, 223, 64

HSL

94,3, 71,3%, 56,3%

HSV

94,3, 71,3%, 87,5%

CMYK

40,8%, 0,0%, 71,3%, 12,5%

OKLCH

0,8166 0,2085 134,8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#84DF40

#9B40DF

Analogous

#D4DF40

#40DF4C

#84DF40

Triadic

#84DF40

#4084DF

#DF4084

Split Complementary

#84DF40

#4C40DF

#DF40D4

Tetradic

#84DF40

#40D4DF

#9B40DF

#DF4C40

Color Blindness Simulation

Original

#84DF40

Protanopia

#ABAC66

Deuteranopia

#A69F70

Tritanopia

#89858C

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C2
300
#BCED96
400
#97E45D
500
#72DA25
600
#5CAF1D
700
#498C17
800
#396D12
900
#2C5011
950
#1C320B

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,61: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