#AB6318

#AB6318

Color Values

HEX

#AB6318

RGB

171, 99, 24

HSL

30.6, 75.4%, 38.2%

HSV

30.6, 86.0%, 67.1%

CMYK

0.0%, 42.1%, 86.0%, 32.9%

OKLCH

0.5697 0.124 60.3

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AB6318

#1860AB

Analogous

#AB1918

#A9AB18

#AB6318

Triadic

#AB6318

#18AB63

#6318AB

Split Complementary

#AB6318

#18A9AB

#1918AB

Tetradic

#AB6318

#18AB19

#1860AB

#AB18A9

Color Blindness Simulation

Original

#AB6318

Protanopia

#8C8B2A

Deuteranopia

#90952E

Tritanopia

#A7383C

Achromatopsia

#6D6D6D

CSS Usage

background-color: #AB6318;
color: #AB6318;
border-color: #AB6318;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F6DCC0
300
#F0C394
400
#E8A25A
500
#E0811F
600
#B36819
700
#8F5314
800
#704110
900
#513110
950
#331F0A

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026