#AF5474

#AF5474

Color Values

HEX

#AF5474

RGB

175, 84, 116

HSL

338.9, 36.3%, 50.8%

HSV

338.9, 52.0%, 68.6%

CMYK

0.0%, 52.0%, 33.7%, 31.4%

OKLCH

0.5669 0.1234 359.6

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AF5474

#54AF8F

Analogous

#AF54A2

#AF6254

#AF5474

Triadic

#AF5474

#74AF54

#5474AF

Split Complementary

#AF5474

#54AF62

#54A2AF

Tetradic

#AF5474

#A2AF54

#54AF8F

#6254AF

Color Blindness Simulation

Original

#AF5474

Protanopia

#88876C

Deuteranopia

#8D946A

Tritanopia

#AA6665

Achromatopsia

#6A6A6A

CSS Usage

background-color: #AF5474;
color: #AF5474;
border-color: #AF5474;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED7
300
#D8ACBB
400
#C37E96
500
#AE5172
600
#8B415B
700
#6F3449
800
#572939
900
#40212C
950
#29151C

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026