#AF5083

#AF5083

Color Values

HEX

#AF5083

RGB

175, 80, 131

HSL

327.8, 37.3%, 50.0%

HSV

327.8, 54.3%, 68.6%

CMYK

0.0%, 54.3%, 25.1%, 31.4%

OKLCH

0.5663 0.137 349.0

Properties

Warm Dark Nearest: hotpink 3

Color Harmonies

Complementary

#AF5083

#50AF7C

Analogous

#AC50AF

#AF5053

#AF5083

Triadic

#AF5083

#83AF50

#5083AF

Split Complementary

#AF5083

#53AF50

#50AFAC

Tetradic

#AF5083

#AFAC50

#50AF7C

#5053AF

Color Blindness Simulation

Original

#AF5083

Protanopia

#868577

Deuteranopia

#8B9274

Tritanopia

#AA6D6B

Achromatopsia

#686868

CSS Usage

background-color: #AF5083;
color: #AF5083;
border-color: #AF5083;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CEDC
300
#D9ABC3
400
#C47DA3
500
#AF5083
600
#8C4069
700
#703354
800
#582841
900
#412032
950
#29141F

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026