#AF1963

#AF1963

Color Values

HEX

#AF1963

RGB

175, 25, 99

HSL

330,4, 75,0%, 39,2%

HSV

330,4, 85,7%, 68,6%

CMYK

0,0%, 85,7%, 43,4%, 31,4%

OKLCH

0,4999 0,1891 357,8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AF1963

#19AF65

Analogous

#AF19AE

#AF1A19

#AF1963

Triadic

#AF1963

#63AF19

#1963AF

Split Complementary

#AF1963

#19AF1A

#19AEAF

Tetradic

#AF1963

#AEAF19

#19AF65

#1A19AF

Color Blindness Simulation

Original

#AF1963

Protanopia

#6E6D51

Deuteranopia

#77824D

Tritanopia

#A84340

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2ED
200
#F6C1DB
300
#F094C1
400
#E75AA0
500
#DF207E
600
#B31965
700
#8F1451
800
#70103F
900
#511030
950
#330A1E

Contrast Checker

Text on white

6,68:1

AA Pass AAA Fail

Text on black

3,14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026