#AF0302

#AF0302

Color Values

HEX

#AF0302

RGB

175, 3, 2

HSL

0,3, 97,7%, 34,7%

HSV

0,3, 98,9%, 68,6%

CMYK

0,0%, 98,3%, 98,9%, 31,4%

OKLCH

0,4745 0,1933 29,2

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#AF0302

#02AEAF

Analogous

#AF0258

#AF5902

#AF0302

Triadic

#AF0302

#02AF03

#0302AF

Split Complementary

#AF0302

#02AF59

#0258AF

Tetradic

#AF0302

#58AF02

#02AEAF

#5902AF

Color Blindness Simulation

Original

#AF0302

Protanopia

#646302

Deuteranopia

#6E7B02

Tritanopia

#A60202

Achromatopsia

#272727

CSS Usage

background-color: #AF0302;
color: #AF0302;
border-color: #AF0302;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB9B8
300
#FE8786
400
#FD4544
500
#FC0403
600
#CA0302
700
#A10302
800
#7E0201
900
#5B0606
950
#3A0404

Contrast Checker

Text on white

7,4:1

AA Pass AAA Pass

Text on black

2,84:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026