#AA3F69

#AA3F69

Color Values

HEX

#AA3F69

RGB

170, 63, 105

HSL

336.4, 45.9%, 45.7%

HSV

336.4, 62.9%, 66.7%

CMYK

0.0%, 62.9%, 38.2%, 33.3%

OKLCH

0.5272 0.1458 359.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#AA3F69

#3FAA80

Analogous

#AA3F9F

#AA4A3F

#AA3F69

Triadic

#AA3F69

#69AA3F

#3F69AA

Split Complementary

#AA3F69

#3FAA4A

#3F9FAA

Tetradic

#AA3F69

#9FAA3F

#3FAA80

#4A3FAA

Color Blindness Simulation

Original

#AA3F69

Protanopia

#7C7B5F

Deuteranopia

#828A5C

Tritanopia

#A55755

Achromatopsia

#595959

CSS Usage

background-color: #AA3F69;
color: #AA3F69;
border-color: #AA3F69;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7597
500
#BA4573
600
#95375C
700
#772C4A
800
#5D223A
900
#441C2C
950
#2B121C

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail 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