#AD9028

#AD9028

Color Values

HEX

#AD9028

RGB

173, 144, 40

HSL

46.9, 62.4%, 41.8%

HSV

46.9, 76.9%, 67.8%

CMYK

0.0%, 16.8%, 76.9%, 32.2%

OKLCH

0.6619 0.122 92.6

Properties

Warm Light Nearest: RAL 1005 Honey Yellow

Color Harmonies

Complementary

#AD9028

#2845AD

Analogous

#AD4E28

#88AD28

#AD9028

Triadic

#AD9028

#28AD90

#9028AD

Split Complementary

#AD9028

#2888AD

#4E28AD

Tetradic

#AD9028

#28AD4E

#2845AD

#AD2888

Color Blindness Simulation

Original

#AD9028

Protanopia

#A0A041

Deuteranopia

#A2A447

Tritanopia

#AC5559

Achromatopsia

#8F8F8F

CSS Usage

background-color: #AD9028;
color: #AD9028;
border-color: #AD9028;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FBFAF3
100
#F7F2E4
200
#F2E8C5
300
#E8D79C
400
#DCC266
500
#CFAC30
600
#A68A26
700
#856E1F
800
#685618
900
#4C4015
950
#30280D

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.8:1

AA Pass AAA Fail

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