#AABF84

#AABF84

Color Values

HEX

#AABF84

RGB

170, 191, 132

HSL

81.4, 31.6%, 63.3%

HSV

81.4, 30.9%, 74.9%

CMYK

11.0%, 0.0%, 30.9%, 25.1%

OKLCH

0.774 0.0831 124.2

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#AABF84

#9984BF

Analogous

#BFB784

#8CBF84

#AABF84

Triadic

#AABF84

#84AABF

#BF84AA

Split Complementary

#AABF84

#848CBF

#B784BF

Tetradic

#AABF84

#84BFB7

#9984BF

#BF848C

Color Blindness Simulation

Original

#AABF84

Protanopia

#B3B392

Deuteranopia

#B2B096

Tritanopia

#AB9EA0

Achromatopsia

#B6B6B6

CSS Usage

background-color: #AABF84;
color: #AABF84;
border-color: #AABF84;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F5
100
#EFF2E8
200
#DFE7D0
300
#C7D5AE
400
#A9BE83
500
#8BA857
600
#6F8646
700
#596B38
800
#46542C
900
#343E23
950
#212716

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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