#AF1C57

#AF1C57

Color Values

HEX

#AF1C57

RGB

175, 28, 87

HSL

335.9, 72.4%, 39.8%

HSV

335.9, 84.0%, 68.6%

CMYK

0.0%, 84.0%, 50.3%, 31.4%

OKLCH

0.4977 0.1831 3.7

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AF1C57

#1CAF74

Analogous

#AF1CA1

#AF2A1C

#AF1C57

Triadic

#AF1C57

#57AF1C

#1C57AF

Split Complementary

#AF1C57

#1CAF2A

#1CA1AF

Tetradic

#AF1C57

#A1AF1C

#1CAF74

#2A1CAF

Color Blindness Simulation

Original

#AF1C57

Protanopia

#6F6E49

Deuteranopia

#788345

Tritanopia

#A83D3B

Achromatopsia

#404040

CSS Usage

background-color: #AF1C57;
color: #AF1C57;
border-color: #AF1C57;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C1D6
300
#EE95B9
400
#E55C93
500
#DC236D
600
#B01C57
700
#8D1746
800
#6E1237
900
#50112A
950
#330B1B

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026