#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026