#AACF72

#AACF72

Color Values

HEX

#AACF72

RGB

170, 207, 114

HSL

83.9, 49.2%, 62.9%

HSV

83.9, 44.9%, 81.2%

CMYK

17.9%, 0.0%, 44.9%, 18.8%

OKLCH

0.8067 0.1272 126.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#AACF72

#9772CF

Analogous

#CFC572

#7BCF72

#AACF72

Triadic

#AACF72

#72AACF

#CF72AA

Split Complementary

#AACF72

#727BCF

#C572CF

Tetradic

#AACF72

#72CFC5

#9772CF

#CF727B

Color Blindness Simulation

Original

#AACF72

Protanopia

#BABA88

Deuteranopia

#B8B58E

Tritanopia

#AC9A9E

Achromatopsia

#C0C0C0

CSS Usage

background-color: #AACF72;
color: #AACF72;
border-color: #AACF72;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDCA
300
#C8E0A4
400
#AACF72
500
#8CBE41
600
#709834
700
#5A7A29
800
#465F20
900
#35461B
950
#212C11

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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