#ADF9AF

#ADF9AF

Color Values

HEX

#ADF9AF

RGB

173, 249, 175

HSL

121,6, 86,4%, 82,7%

HSV

121,6, 30,5%, 97,6%

CMYK

30,5%, 0,0%, 29,7%, 2,4%

OKLCH

0,914 0,1248 145,1

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#ADF9AF

#F9ADF7

Analogous

#D1F9AD

#ADF9D5

#ADF9AF

Triadic

#ADF9AF

#AFADF9

#F9AFAD

Split Complementary

#ADF9AF

#D5ADF9

#F9ADD1

Tetradic

#ADF9AF

#ADD1F9

#F9ADF7

#F9D5AD

Color Blindness Simulation

Original

#ADF9AF

Protanopia

#CECFC1

Deuteranopia

#CAC4C5

Tritanopia

#B1CFD2

Achromatopsia

#E3E3E3

CSS Usage

background-color: #ADF9AF;
color: #ADF9AF;
border-color: #ADF9AF;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BCFABE
300
#8DF790
400
#4FF253
500
#11EE17
600
#0EBE13
700
#0B980F
800
#09770C
900
#0B560D
950
#073608

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,95: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