#ABA204

#ABA204

Color Values

HEX

#ABA204

RGB

171, 162, 4

HSL

56.8, 95.4%, 34.3%

HSV

56.8, 97.7%, 67.1%

CMYK

0.0%, 5.3%, 97.7%, 32.9%

OKLCH

0.6976 0.1477 105.6

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABA204

#040DAB

Analogous

#AB4F04

#60AB04

#ABA204

Triadic

#ABA204

#04ABA2

#A204AB

Split Complementary

#ABA204

#0460AB

#4F04AB

Tetradic

#ABA204

#04AB4F

#040DAB

#AB0460

Color Blindness Simulation

Original

#ABA204

Protanopia

#A7A72A

Deuteranopia

#A8A833

Tritanopia

#AB484F

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF687
400
#FBF147
500
#F9EC06
600
#C7BD05
700
#9F9704
800
#7D7603
900
#5A5607
950
#393604

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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