#AA699C

#AA699C

Color Values

HEX

#AA699C

RGB

170, 105, 156

HSL

312.9, 27.7%, 53.9%

HSV

312.9, 38.2%, 66.7%

CMYK

0.0%, 38.2%, 8.2%, 33.3%

OKLCH

0.6083 0.107 335.1

Properties

Warm Light Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AA699C

#69AA77

Analogous

#9769AA

#AA697B

#AA699C

Triadic

#AA699C

#9CAA69

#699CAA

Split Complementary

#AA699C

#7BAA69

#69AA97

Tetradic

#AA699C

#AA9769

#69AA77

#697BAA

Color Blindness Simulation

Original

#AA699C

Protanopia

#8E8D90

Deuteranopia

#92968D

Tritanopia

#A78684

Achromatopsia

#7B7B7B

CSS Usage

background-color: #AA699C;
color: #AA699C;
border-color: #AA699C;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D1E1
300
#D3B1CB
400
#BB87B0
500
#A35C94
600
#824A76
700
#683B5E
800
#512E4A
900
#3D2437
950
#261723

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026