#ABA705

#ABA705

Color Values

HEX

#ABA705

RGB

171, 167, 5

HSL

58,6, 94,3%, 34,5%

HSV

58,6, 97,1%, 67,1%

CMYK

0,0%, 2,3%, 97,1%, 32,9%

OKLCH

0,7087 0,1519 108,0

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABA705

#0509AB

Analogous

#AB5405

#5CAB05

#ABA705

Triadic

#ABA705

#05ABA7

#A705AB

Split Complementary

#ABA705

#055CAB

#5405AB

Tetradic

#ABA705

#05AB54

#0509AB

#AB055C

Color Blindness Simulation

Original

#ABA705

Protanopia

#A9A92C

Deuteranopia

#AAAA36

Tritanopia

#AB4B52

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FCF988
400
#FAF548
500
#F8F207
600
#C6C206
700
#9F9B05
800
#7C7904
900
#5A5807
950
#393705

Contrast Checker

Text on white

2,54:1

AA Fail AAA Fail

Text on black

8,26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026