#AB6F28

#AB6F28

Color Values

HEX

#AB6F28

RGB

171, 111, 40

HSL

32.5, 62.1%, 41.4%

HSV

32.5, 76.6%, 67.1%

CMYK

0.0%, 35.1%, 76.6%, 32.9%

OKLCH

0.5931 0.1134 66.4

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AB6F28

#2864AB

Analogous

#AB2D28

#A6AB28

#AB6F28

Triadic

#AB6F28

#28AB6F

#6F28AB

Split Complementary

#AB6F28

#28A6AB

#2D28AB

Tetradic

#AB6F28

#28AB2D

#2864AB

#AB28A6

Color Blindness Simulation

Original

#AB6F28

Protanopia

#919039

Deuteranopia

#94993D

Tritanopia

#A8474A

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F1DDC5
300
#E8C59C
400
#DBA666
500
#CF8630
600
#A56B27
700
#84561F
800
#674318
900
#4C3315
950
#30200D

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

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