#AA6870

#AA6870

Color Values

HEX

#AA6870

RGB

170, 104, 112

HSL

352.7, 28.0%, 53.7%

HSV

352.7, 38.8%, 66.7%

CMYK

0.0%, 38.8%, 34.1%, 33.3%

OKLCH

0.5916 0.0852 12.1

Properties

Warm Light Nearest: lightpink 4

Color Harmonies

Complementary

#AA6870

#68AAA2

Analogous

#AA6891

#AA8168

#AA6870

Triadic

#AA6870

#70AA68

#6870AA

Split Complementary

#AA6870

#68AA81

#6891AA

Tetradic

#AA6870

#91AA68

#68AAA2

#8168AA

Color Blindness Simulation

Original

#AA6870

Protanopia

#8D8D6E

Deuteranopia

#91966E

Tritanopia

#A76D6C

Achromatopsia

#777777

CSS Usage

background-color: #AA6870;
color: #AA6870;
border-color: #AA6870;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D1D4
300
#D3B1B5
400
#BB868D
500
#A35C64
600
#834950
700
#683B40
800
#522E32
900
#3D2427
950
#261719

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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