#AB7347

#AB7347

Color Values

HEX

#AB7347

RGB

171, 115, 71

HSL

26,4, 41,3%, 47,5%

HSV

26,4, 58,5%, 67,1%

CMYK

0,0%, 32,7%, 58,5%, 32,9%

OKLCH

0,6044 0,0926 58,0

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AB7347

#477FAB

Analogous

#AB474D

#ABA547

#AB7347

Triadic

#AB7347

#47AB73

#7347AB

Split Complementary

#AB7347

#47ABA5

#474DAB

Tetradic

#AB7347

#4DAB47

#477FAB

#A547AB

Color Blindness Simulation

Original

#AB7347

Protanopia

#939252

Deuteranopia

#969A54

Tritanopia

#A85A5C

Achromatopsia

#7C7C7C

CSS Usage

background-color: #AB7347;
color: #AB7347;
border-color: #AB7347;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EADACD
300
#DBBFA9
400
#C89C7A
500
#B4794B
600
#90613C
700
#734E30
800
#5A3D25
900
#422E1E
950
#2A1D13

Contrast Checker

Text on white

3,98:1

AA Fail AAA Fail

Text on black

5,27: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