#ABAA28

#ABAA28

Color Values

HEX

#ABAA28

RGB

171, 170, 40

HSL

59.5, 62.1%, 41.4%

HSV

59.5, 76.6%, 67.1%

CMYK

0.0%, 0.6%, 76.6%, 32.9%

OKLCH

0.7165 0.1433 109.1

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABAA28

#2829AB

Analogous

#AB6828

#6BAB28

#ABAA28

Triadic

#ABAA28

#28ABAA

#AA28AB

Split Complementary

#ABAA28

#286BAB

#6828AB

Tetradic

#ABAA28

#28AB68

#2829AB

#AB286B

Color Blindness Simulation

Original

#ABAA28

Protanopia

#ABAB47

Deuteranopia

#ABAB4F

Tritanopia

#AB6066

Achromatopsia

#A1A1A1

CSS Usage

background-color: #ABAA28;
color: #ABAA28;
border-color: #ABAA28;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F1F1C5
300
#E8E79C
400
#DBDA66
500
#CFCD30
600
#A5A427
700
#84831F
800
#676718
900
#4C4B15
950
#302F0D

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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