#AF5075

#AF5075

Color Values

HEX

#AF5075

RGB

175, 80, 117

HSL

336.6, 37.3%, 50.0%

HSV

336.6, 54.3%, 68.6%

CMYK

0.0%, 54.3%, 33.1%, 31.4%

OKLCH

0.5614 0.1301 357.6

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AF5075

#50AF8A

Analogous

#AF50A5

#AF5A50

#AF5075

Triadic

#AF5075

#75AF50

#5075AF

Split Complementary

#AF5075

#50AF5A

#50A5AF

Tetradic

#AF5075

#A5AF50

#50AF8A

#5A50AF

Color Blindness Simulation

Original

#AF5075

Protanopia

#86856C

Deuteranopia

#8B926A

Tritanopia

#AA6563

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CED8
300
#D9ABBD
400
#C47D99
500
#AF5075
600
#8C405E
700
#70334B
800
#58283B
900
#41202D
950
#29141C

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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