#ADF864

#ADF864

Color Values

HEX

#ADF864

RGB

173, 248, 100

HSL

90.4, 91.4%, 68.2%

HSV

90.4, 59.7%, 97.3%

CMYK

30.2%, 0.0%, 59.7%, 2.7%

OKLCH

0.9005 0.1943 131.9

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#ADF864

#AF64F8

Analogous

#F7F864

#64F865

#ADF864

Triadic

#ADF864

#64ADF8

#F864AD

Split Complementary

#ADF864

#6564F8

#F864F7

Tetradic

#ADF864

#64F7F8

#AF64F8

#F86564

Color Blindness Simulation

Original

#ADF864

Protanopia

#CDCE88

Deuteranopia

#C9C490

Tritanopia

#B1A4AA

Achromatopsia

#DDDDDD

CSS Usage

background-color: #ADF864;
color: #ADF864;
border-color: #ADF864;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFCBB
300
#C1FA8A
400
#A0F74A
500
#7EF40B
600
#65C309
700
#519C07
800
#3F7A05
900
#305809
950
#1E3805

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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