#AF506C

#AF506C

Color Values

HEX

#AF506C

RGB

175, 80, 108

HSL

342.3, 37.3%, 50.0%

HSV

342.3, 54.3%, 68.6%

CMYK

0.0%, 54.3%, 38.3%, 31.4%

OKLCH

0.5585 0.127 3.5

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AF506C

#50AF93

Analogous

#AF509C

#AF6350

#AF506C

Triadic

#AF506C

#6CAF50

#506CAF

Split Complementary

#AF506C

#50AF63

#509CAF

Tetradic

#AF506C

#9CAF50

#50AF93

#6350AF

Color Blindness Simulation

Original

#AF506C

Protanopia

#868565

Deuteranopia

#8B9264

Tritanopia

#AA605F

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CED6
300
#D9ABB8
400
#C47D92
500
#AF506C
600
#8C4056
700
#703345
800
#582836
900
#41202A
950
#29141A

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026