#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026