#AA7786

#AA7786

Color Values

HEX

#AA7786

RGB

170, 119, 134

HSL

342.4, 23.1%, 56.7%

HSV

342.4, 30.0%, 66.7%

CMYK

0.0%, 30.0%, 21.2%, 33.3%

OKLCH

0.6253 0.0668 360.0

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AA7786

#77AA9B

Analogous

#AA77A0

#AA8277

#AA7786

Triadic

#AA7786

#86AA77

#7786AA

Split Complementary

#AA7786

#77AA82

#77A0AA

Tetradic

#AA7786

#A0AA77

#77AA9B

#8277AA

Color Blindness Simulation

Original

#AA7786

Protanopia

#949382

Deuteranopia

#979B82

Tritanopia

#A7807F

Achromatopsia

#838383

CSS Usage

background-color: #AA7786;
color: #AA7786;
border-color: #AA7786;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E4D3D8
300
#D0B4BC
400
#B68B98
500
#9D6273
600
#7E4E5C
700
#643F4A
800
#4E313A
900
#3B262C
950
#25181C

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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