#ABA310

#ABA310

Color Values

HEX

#ABA310

RGB

171, 163, 16

HSL

56.9, 82.9%, 36.7%

HSV

56.9, 90.6%, 67.1%

CMYK

0.0%, 4.7%, 90.6%, 32.9%

OKLCH

0.7 0.1461 106.0

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABA310

#1018AB

Analogous

#AB5610

#66AB10

#ABA310

Triadic

#ABA310

#10ABA3

#A310AB

Split Complementary

#ABA310

#1066AB

#5610AB

Tetradic

#ABA310

#10AB56

#1018AB

#AB1066

Color Blindness Simulation

Original

#ABA310

Protanopia

#A8A734

Deuteranopia

#A8A93C

Tritanopia

#AB5056

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF8E1
200
#F9F6BE
300
#F5EF8F
400
#EFE752
500
#E9DE16
600
#BBB211
700
#958E0E
800
#756F0B
900
#55510C
950
#353308

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026