#AA7283

#AA7283

Color Values

HEX

#AA7283

RGB

170, 114, 131

HSL

341.8, 24.8%, 55.7%

HSV

341.8, 32.9%, 66.7%

CMYK

0.0%, 32.9%, 22.9%, 33.3%

OKLCH

0.6152 0.074 359.7

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#AA7283

#72AA99

Analogous

#AA729F

#AA7D72

#AA7283

Triadic

#AA7283

#83AA72

#7283AA

Split Complementary

#AA7283

#72AA7D

#729FAA

Tetradic

#AA7283

#9FAA72

#72AA99

#7D72AA

Color Blindness Simulation

Original

#AA7283

Protanopia

#92917F

Deuteranopia

#95997E

Tritanopia

#A77C7B

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E4D2D8
300
#D1B3BC
400
#B88997
500
#9F6073
600
#7F4D5C
700
#663D4A
800
#50303A
900
#3B262C
950
#25181C

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