#AF1F66

#AF1F66

Color Values

HEX

#AF1F66

RGB

175, 31, 102

HSL

330.4, 69.9%, 40.4%

HSV

330.4, 82.3%, 68.6%

CMYK

0.0%, 82.3%, 41.7%, 31.4%

OKLCH

0.5044 0.1856 357.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AF1F66

#1FAF68

Analogous

#AF1FAE

#AF201F

#AF1F66

Triadic

#AF1F66

#66AF1F

#1F66AF

Split Complementary

#AF1F66

#1FAF20

#1FAEAF

Tetradic

#AF1F66

#AEAF1F

#1FAF68

#201FAF

Color Blindness Simulation

Original

#AF1F66

Protanopia

#716F55

Deuteranopia

#798451

Tritanopia

#A84744

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E3ED
200
#F4C2DB
300
#ED97C1
400
#E35FA0
500
#D9267E
600
#AD1F65
700
#8B1951
800
#6C133F
900
#4F1230
950
#320B1E

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21: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