#AABF83

#AABF83

Color Values

HEX

#AABF83

RGB

170, 191, 131

HSL

81.0, 31.9%, 63.1%

HSV

81.0, 31.4%, 74.9%

CMYK

11.0%, 0.0%, 31.4%, 25.1%

OKLCH

0.7738 0.0843 124.0

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#AABF83

#9883BF

Analogous

#BFB683

#8CBF83

#AABF83

Triadic

#AABF83

#83AABF

#BF83AA

Split Complementary

#AABF83

#838CBF

#B683BF

Tetradic

#AABF83

#83BFB6

#9883BF

#BF838C

Color Blindness Simulation

Original

#AABF83

Protanopia

#B3B392

Deuteranopia

#B2B095

Tritanopia

#AB9DA0

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E8
200
#DFE7D0
300
#C8D5AE
400
#AABF83
500
#8CA857
600
#708745
700
#596C38
800
#46542B
900
#353E23
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