#84ED16

#84ED16

Color Values

HEX

#84ED16

RGB

132, 237, 22

HSL

89.3, 85.7%, 50.8%

HSV

89.3, 90.7%, 92.9%

CMYK

44.3%, 0.0%, 90.7%, 7.1%

OKLCH

0.8488 0.2408 134.4

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#84ED16

#7F16ED

Analogous

#EDEB16

#19ED16

#84ED16

Triadic

#84ED16

#1684ED

#ED1684

Split Complementary

#84ED16

#1619ED

#EB16ED

Tetradic

#84ED16

#16EDEB

#7F16ED

#ED1619

Color Blindness Simulation

Original

#84ED16

Protanopia

#B1B24A

Deuteranopia

#ABA456

Tritanopia

#89737C

Achromatopsia

#C7C7C7

CSS Usage

background-color: #84ED16;
color: #84ED16;
border-color: #84ED16;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DCFABD
300
#C3F68D
400
#A3F250
500
#82ED12
600
#68BD0F
700
#53980C
800
#417609
900
#31560B
950
#1F3607

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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