#AF2563

#AF2563

Color Values

HEX

#AF2563

RGB

175, 37, 99

HSL

333,0, 65,1%, 41,6%

HSV

333,0, 78,9%, 68,6%

CMYK

0,0%, 78,9%, 43,4%, 31,4%

OKLCH

0,5076 0,1792 359,0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AF2563

#25AF71

Analogous

#AF25A8

#AF2C25

#AF2563

Triadic

#AF2563

#63AF25

#2563AF

Split Complementary

#AF2563

#25AF2C

#25A8AF

Tetradic

#AF2563

#A8AF25

#25AF71

#2C25AF

Color Blindness Simulation

Original

#AF2563

Protanopia

#737254

Deuteranopia

#7B8650

Tritanopia

#A84846

Achromatopsia

#474747

CSS Usage

background-color: #AF2563;
color: #AF2563;
border-color: #AF2563;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C4D9
300
#EA9ABE
400
#DE639B
500
#D32C77
600
#A8245F
700
#871C4C
800
#69163C
900
#4D142E
950
#310D1D

Contrast Checker

Text on white

6,43:1

AA Pass AAA Fail

Text on black

3,27: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