#AA345F

#AA345F

Color Values

HEX

#AA345F

RGB

170, 52, 95

HSL

338.1, 53.2%, 43.5%

HSV

338.1, 69.4%, 66.7%

CMYK

0.0%, 69.4%, 44.1%, 33.3%

OKLCH

0.5114 0.1571 2.2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AA345F

#34AA7F

Analogous

#AA349A

#AA4434

#AA345F

Triadic

#AA345F

#5FAA34

#345FAA

Split Complementary

#AA345F

#34AA44

#349AAA

Tetradic

#AA345F

#9AAA34

#34AA7F

#4434AA

Color Blindness Simulation

Original

#AA345F

Protanopia

#777655

Deuteranopia

#7E8752

Tritanopia

#A44C4B

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EEC8D6
300
#E2A1B9
400
#D36E93
500
#C33C6D
600
#9C3057
700
#7D2646
800
#621E37
900
#48192A
950
#2D101B

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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