#AB9446

#AB9446

Color Values

HEX

#AB9446

RGB

171, 148, 70

HSL

46.3, 41.9%, 47.3%

HSV

46.3, 59.1%, 67.1%

CMYK

0.0%, 13.5%, 59.1%, 32.9%

OKLCH

0.6712 0.1017 93.1

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AB9446

#465DAB

Analogous

#AB6246

#90AB46

#AB9446

Triadic

#AB9446

#46AB94

#9446AB

Split Complementary

#AB9446

#4690AB

#6246AB

Tetradic

#AB9446

#46AB62

#465DAB

#AB4690

Color Blindness Simulation

Original

#AB9446

Protanopia

#A1A159

Deuteranopia

#A2A45D

Tritanopia

#AA686B

Achromatopsia

#939393

CSS Usage

background-color: #AB9446;
color: #AB9446;
border-color: #AB9446;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EAE3CC
300
#DBD0A8
400
#C8B679
500
#B59D4A
600
#917D3B
700
#74642F
800
#5A4E25
900
#433A1E
950
#2A2513

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026