#ABAD4A

#ABAD4A

Color Values

HEX

#ABAD4A

RGB

171, 173, 74

HSL

61.2, 40.1%, 48.4%

HSV

61.2, 57.2%, 67.8%

CMYK

1.2%, 0.0%, 57.2%, 32.2%

OKLCH

0.726 0.1221 110.2

Properties

Cool Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#ABAD4A

#4C4AAD

Analogous

#AD7D4A

#79AD4A

#ABAD4A

Triadic

#ABAD4A

#4AABAD

#AD4AAB

Split Complementary

#ABAD4A

#4A79AD

#7D4AAD

Tetradic

#ABAD4A

#4AAD7D

#4C4AAD

#AD4A79

Color Blindness Simulation

Original

#ABAD4A

Protanopia

#ACAC62

Deuteranopia

#ACAC68

Tritanopia

#AB7579

Achromatopsia

#A5A5A5

CSS Usage

background-color: #ABAD4A;
color: #ABAD4A;
border-color: #ABAD4A;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9EACD
300
#D9DAA9
400
#C5C67B
500
#B1B34C
600
#8D8F3D
700
#717231
800
#585926
900
#41421F
950
#292A14

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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