#AF055A

#AF055A

Color Values

HEX

#AF055A

RGB

175, 5, 90

HSL

330.0, 94.4%, 35.3%

HSV

330.0, 97.1%, 68.6%

CMYK

0.0%, 97.1%, 48.6%, 31.4%

OKLCH

0.4894 0.1957 0.8

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#AF055A

#05AF5A

Analogous

#AF05AF

#AF0505

#AF055A

Triadic

#AF055A

#5AAF05

#055AAF

Split Complementary

#AF055A

#05AF05

#05AFAF

Tetradic

#AF055A

#AFAF05

#05AF5A

#0505AF

Color Blindness Simulation

Original

#AF055A

Protanopia

#656445

Deuteranopia

#6F7C40

Tritanopia

#A63532

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADB
300
#FC88C2
400
#FA48A1
500
#F80780
600
#C60666
700
#9F0552
800
#7C0440
900
#5A0730
950
#39051F

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026