#AF0458

#AF0458

Color Values

HEX

#AF0458

RGB

175, 4, 88

HSL

330,5, 95,5%, 35,1%

HSV

330,5, 97,7%, 68,6%

CMYK

0,0%, 97,7%, 49,7%, 31,4%

OKLCH

0,4884 0,1955 1,7

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#AF0458

#04AF5B

Analogous

#AF04AE

#AF0504

#AF0458

Triadic

#AF0458

#58AF04

#0458AF

Split Complementary

#AF0458

#04AF05

#04AEAF

Tetradic

#AF0458

#AEAF04

#04AF5B

#0504AF

Color Blindness Simulation

Original

#AF0458

Protanopia

#656344

Deuteranopia

#6F7C3F

Tritanopia

#A63430

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DB
300
#FC87C1
400
#FB479F
500
#F9067D
600
#C70564
700
#A00450
800
#7D033F
900
#5A0730
950
#39041E

Contrast Checker

Text on white

7,04:1

AA Pass AAA Pass

Text on black

2,98: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