#AF045A

#AF045A

Color Values

HEX

#AF045A

RGB

175, 4, 90

HSL

329.8, 95.5%, 35.1%

HSV

329.8, 97.7%, 68.6%

CMYK

0.0%, 97.7%, 48.6%, 31.4%

OKLCH

0.4891 0.1961 0.8

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#AF045A

#04AF59

Analogous

#AE04AF

#AF0405

#AF045A

Triadic

#AF045A

#5AAF04

#045AAF

Split Complementary

#AF045A

#05AF04

#04AFAE

Tetradic

#AF045A

#AFAE04

#04AF59

#0405AF

Color Blindness Simulation

Original

#AF045A

Protanopia

#656345

Deuteranopia

#6F7C40

Tritanopia

#A63531

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DC
300
#FC87C2
400
#FB47A1
500
#F90680
600
#C70567
700
#A00452
800
#7D0340
900
#5A0731
950
#39041F

Contrast Checker

Text on white

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