#ABBF50

#ABBF50

Color Values

HEX

#ABBF50

RGB

171, 191, 80

HSL

70.8, 46.4%, 53.1%

HSV

70.8, 58.1%, 74.9%

CMYK

10.5%, 0.0%, 58.1%, 25.1%

OKLCH

0.7669 0.1383 118.4

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#ABBF50

#6450BF

Analogous

#BF9B50

#73BF50

#ABBF50

Triadic

#ABBF50

#50ABBF

#BF50AB

Split Complementary

#ABBF50

#5073BF

#9B50BF

Tetradic

#ABBF50

#50BF9B

#6450BF

#BF5073

Color Blindness Simulation

Original

#ABBF50

Protanopia

#B4B46B

Deuteranopia

#B2B171

Tritanopia

#AC8085

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E6ECCB
300
#D4DEA5
400
#BDCC75
500
#A5BB44
600
#849537
700
#6A772C
800
#535D22
900
#3D451C
950
#272B12

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.3:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026