#AA6BA0

#AA6BA0

Color Values

HEX

#AA6BA0

RGB

170, 107, 160

HSL

309.5, 27.0%, 54.3%

HSV

309.5, 37.1%, 66.7%

CMYK

0.0%, 37.1%, 5.9%, 33.3%

OKLCH

0.6133 0.107 332.7

Properties

Warm Light Nearest: Razzmic Berry

Color Harmonies

Complementary

#AA6BA0

#6BAA75

Analogous

#946BAA

#AA6B81

#AA6BA0

Triadic

#AA6BA0

#A0AA6B

#6BA0AA

Split Complementary

#AA6BA0

#81AA6B

#6BAA94

Tetradic

#AA6BA0

#AA946B

#6BAA75

#6B81AA

Color Blindness Simulation

Original

#AA6BA0

Protanopia

#8F8E93

Deuteranopia

#929790

Tritanopia

#A78987

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D2E2
300
#D2B1CD
400
#BA87B2
500
#A25D97
600
#824A79
700
#683C61
800
#512F4C
900
#3C2538
950
#261724

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026