#AA8286

#AA8286

Color Values

HEX

#AA8286

RGB

170, 130, 134

HSL

354.0, 19.0%, 58.8%

HSV

354.0, 23.5%, 66.7%

CMYK

0.0%, 23.5%, 21.2%, 33.3%

OKLCH

0.6463 0.0496 11.8

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AA8286

#82AAA6

Analogous

#AA829A

#AA9282

#AA8286

Triadic

#AA8286

#86AA82

#8286AA

Split Complementary

#AA8286

#82AA92

#829AAA

Tetradic

#AA8286

#9AAA82

#82AAA6

#9282AA

Color Blindness Simulation

Original

#AA8286

Protanopia

#999885

Deuteranopia

#9B9E85

Tritanopia

#A88484

Achromatopsia

#8B8B8B

CSS Usage

background-color: #AA8286;
color: #AA8286;
border-color: #AA8286;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D6
300
#CDB6B8
400
#B38F92
500
#98676C
600
#795356
700
#614245
800
#4C3436
900
#39282A
950
#24191A

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25: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