#AF416C

#AF416C

Color Values

HEX

#AF416C

RGB

175, 65, 108

HSL

336.5, 45.8%, 47.1%

HSV

336.5, 62.9%, 68.6%

CMYK

0.0%, 62.9%, 38.3%, 31.4%

OKLCH

0.5384 0.149 359.1

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AF416C

#41AF84

Analogous

#AF41A3

#AF4D41

#AF416C

Triadic

#AF416C

#6CAF41

#416CAF

Split Complementary

#AF416C

#41AF4D

#41A3AF

Tetradic

#AF416C

#A3AF41

#41AF84

#4D41AF

Color Blindness Simulation

Original

#AF416C

Protanopia

#7F7E62

Deuteranopia

#868E5F

Tritanopia

#AA5958

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7597
500
#BA4573
600
#95375C
700
#772C4A
800
#5D2339
900
#441C2C
950
#2B121C

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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