#AA7748

#AA7748

Color Values

HEX

#AA7748

RGB

170, 119, 72

HSL

28.8, 40.5%, 47.5%

HSV

28.8, 57.6%, 66.7%

CMYK

0.0%, 30.0%, 57.6%, 33.3%

OKLCH

0.6111 0.0899 62.5

Properties

Warm Light Nearest: tan 4

Color Harmonies

Complementary

#AA7748

#487BAA

Analogous

#AA484A

#AAA848

#AA7748

Triadic

#AA7748

#48AA77

#7748AA

Split Complementary

#AA7748

#48AAA8

#484AAA

Tetradic

#AA7748

#4AAA48

#487BAA

#A848AA

Color Blindness Simulation

Original

#AA7748

Protanopia

#949353

Deuteranopia

#979B56

Tritanopia

#A75C5E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCD
300
#DBC1A9
400
#C79F7A
500
#B37D4C
600
#8F643D
700
#735031
800
#5A3F26
900
#42301F
950
#2A1E13

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026