#84F015

#84F015

Color Values

HEX

#84F015

RGB

132, 240, 21

HSL

89.6, 88.0%, 51.2%

HSV

89.6, 91.2%, 94.1%

CMYK

45.0%, 0.0%, 91.2%, 5.9%

OKLCH

0.8561 0.2442 134.6

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#84F015

#8115F0

Analogous

#F0EF15

#17F015

#84F015

Triadic

#84F015

#1584F0

#F01584

Split Complementary

#84F015

#1517F0

#EF15F0

Tetradic

#84F015

#15F0EF

#8115F0

#F01517

Color Blindness Simulation

Original

#84F015

Protanopia

#B3B44A

Deuteranopia

#ACA457

Tritanopia

#89747D

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFBE0
200
#DCFBBC
300
#C3F88C
400
#A2F44E
500
#81F00F
600
#67C00C
700
#53990A
800
#407808
900
#31570A
950
#1F3706

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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