#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026