#AF1C54

#AF1C54

Color Values

HEX

#AF1C54

RGB

175, 28, 84

HSL

337.1, 72.4%, 39.8%

HSV

337.1, 84.0%, 68.6%

CMYK

0.0%, 84.0%, 52.0%, 31.4%

OKLCH

0.4968 0.1824 5.2

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AF1C54

#1CAF77

Analogous

#AF1C9E

#AF2D1C

#AF1C54

Triadic

#AF1C54

#54AF1C

#1C54AF

Split Complementary

#AF1C54

#1CAF2D

#1C9EAF

Tetradic

#AF1C54

#9EAF1C

#1CAF77

#2D1CAF

Color Blindness Simulation

Original

#AF1C54

Protanopia

#6F6E46

Deuteranopia

#788343

Tritanopia

#A83C39

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C1D5
300
#EE95B7
400
#E55C90
500
#DC236A
600
#B01C55
700
#8D1744
800
#6E1235
900
#501129
950
#330B1A

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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