#AF045B

#AF045B

Color Values

HEX

#AF045B

RGB

175, 4, 91

HSL

329,5, 95,5%, 35,1%

HSV

329,5, 97,7%, 68,6%

CMYK

0,0%, 97,7%, 48,0%, 31,4%

OKLCH

0,4894 0,1964 0,3

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#AF045B

#04AF58

Analogous

#AE04AF

#AF0405

#AF045B

Triadic

#AF045B

#5BAF04

#045BAF

Split Complementary

#AF045B

#05AF04

#04AFAE

Tetradic

#AF045B

#AFAE04

#04AF58

#0405AF

Color Blindness Simulation

Original

#AF045B

Protanopia

#656346

Deuteranopia

#6F7C41

Tritanopia

#A63532

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DC
300
#FC87C3
400
#FB47A2
500
#F90682
600
#C70568
700
#A00453
800
#7D0341
900
#5A0731
950
#39041F

Contrast Checker

Text on white

7,02:1

AA Pass AAA Pass

Text on black

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