#AA667B

#AA667B

Color Values

HEX

#AA667B

RGB

170, 102, 123

HSL

341.5, 28.6%, 53.3%

HSV

341.5, 40.0%, 66.7%

CMYK

0.0%, 40.0%, 27.6%, 33.3%

OKLCH

0.5914 0.091 0.3

Properties

Warm Light Nearest: palevioletred 4

Color Harmonies

Complementary

#AA667B

#66AA95

Analogous

#AA669D

#AA7366

#AA667B

Triadic

#AA667B

#7BAA66

#667BAA

Split Complementary

#AA667B

#66AA73

#669DAA

Tetradic

#AA667B

#9DAA66

#66AA95

#7366AA

Color Blindness Simulation

Original

#AA667B

Protanopia

#8D8C76

Deuteranopia

#909675

Tritanopia

#A77271

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F1E9EB
200
#E6D1D7
300
#D3B0BB
400
#BC8696
500
#A45B72
600
#83495B
700
#693A49
800
#522E39
900
#3D242C
950
#26171C

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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