#AF1D36

#AF1D36

Color Values

HEX

#AF1D36

RGB

175, 29, 54

HSL

349.7, 71.6%, 40.0%

HSV

349.7, 83.4%, 68.6%

CMYK

0.0%, 83.4%, 69.1%, 31.4%

OKLCH

0.4905 0.1787 18.8

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#AF1D36

#1DAF96

Analogous

#AF1D7F

#AF4D1D

#AF1D36

Triadic

#AF1D36

#36AF1D

#1D36AF

Split Complementary

#AF1D36

#1DAF4D

#1D7FAF

Tetradic

#AF1D36

#7FAF1D

#1DAF96

#4D1DAF

Color Blindness Simulation

Original

#AF1D36

Protanopia

#706F30

Deuteranopia

#78832E

Tritanopia

#A82B2A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #AF1D36;
color: #AF1D36;
border-color: #AF1D36;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FCF3F4
100
#F8E2E6
200
#F5C2CB
300
#EE96A5
400
#E45D74
500
#DB2444
600
#AF1D36
700
#8C172B
800
#6D1222
900
#50111C
950
#320B12

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026