#AABC50

#AABC50

Color Values

HEX

#AABC50

RGB

170, 188, 80

HSL

70.0, 44.6%, 52.5%

HSV

70.0, 57.4%, 73.7%

CMYK

9.6%, 0.0%, 57.4%, 26.3%

OKLCH

0.7594 0.1349 117.7

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#AABC50

#6250BC

Analogous

#BC9850

#74BC50

#AABC50

Triadic

#AABC50

#50AABC

#BC50AA

Split Complementary

#AABC50

#5074BC

#9850BC

Tetradic

#AABC50

#50BC98

#6250BC

#BC5074

Color Blindness Simulation

Original

#AABC50

Protanopia

#B2B26A

Deuteranopia

#B1AF70

Tritanopia

#AB7F83

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E6EBCB
300
#D4DDA7
400
#BDCB77
500
#A5B847
600
#849339
700
#6A762D
800
#535C23
900
#3D441D
950
#272B12

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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