#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026