#AF1D4A

#AF1D4A

Color Values

HEX

#AF1D4A

RGB

175, 29, 74

HSL

341.5, 71.6%, 40.0%

HSV

341.5, 83.4%, 68.6%

CMYK

0.0%, 83.4%, 57.7%, 31.4%

OKLCH

0.4948 0.1798 10.0

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AF1D4A

#1DAF82

Analogous

#AF1D93

#AF391D

#AF1D4A

Triadic

#AF1D4A

#4AAF1D

#1D4AAF

Split Complementary

#AF1D4A

#1DAF39

#1D93AF

Tetradic

#AF1D4A

#93AF1D

#1DAF82

#391DAF

Color Blindness Simulation

Original

#AF1D4A

Protanopia

#706F3F

Deuteranopia

#78833C

Tritanopia

#A83735

Achromatopsia

#3F3F3F

CSS Usage

background-color: #AF1D4A;
color: #AF1D4A;
border-color: #AF1D4A;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F6
100
#F8E2E9
200
#F5C2D2
300
#EE96B1
400
#E45D87
500
#DB245D
600
#AF1D4A
700
#8C173B
800
#6D122E
900
#501124
950
#320B17

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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