#AF416D

#AF416D

Color Values

HEX

#AF416D

RGB

175, 65, 109

HSL

336.0, 45.8%, 47.1%

HSV

336.0, 62.9%, 68.6%

CMYK

0.0%, 62.9%, 37.7%, 31.4%

OKLCH

0.5388 0.1494 358.6

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AF416D

#41AF83

Analogous

#AF41A4

#AF4C41

#AF416D

Triadic

#AF416D

#6DAF41

#416DAF

Split Complementary

#AF416D

#41AF4C

#41A4AF

Tetradic

#AF416D

#A4AF41

#41AF83

#4C41AF

Color Blindness Simulation

Original

#AF416D

Protanopia

#7F7E62

Deuteranopia

#868E60

Tritanopia

#AA5A58

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7598
500
#BA4574
600
#95375D
700
#772C4A
800
#5D233A
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

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026