#ABAD43

#ABAD43

Color Values

HEX

#ABAD43

RGB

171, 173, 67

HSL

61.1, 44.2%, 47.1%

HSV

61.1, 61.3%, 67.8%

CMYK

1.2%, 0.0%, 61.3%, 32.2%

OKLCH

0.7253 0.1282 110.2

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#ABAD43

#4543AD

Analogous

#AD7A43

#76AD43

#ABAD43

Triadic

#ABAD43

#43ABAD

#AD43AB

Split Complementary

#ABAD43

#4376AD

#7A43AD

Tetradic

#ABAD43

#43AD7A

#4543AD

#AD4376

Color Blindness Simulation

Original

#ABAD43

Protanopia

#ACAC5D

Deuteranopia

#ACAC63

Tritanopia

#AB7175

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBEBCC
300
#DCDDA7
400
#C9CA77
500
#B6B847
600
#919339
700
#74762E
800
#5B5C24
900
#43441D
950
#2A2B12

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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