#AF311F

#AF311F

Color Values

HEX

#AF311F

RGB

175, 49, 31

HSL

7,5, 69,9%, 40,4%

HSV

7,5, 82,3%, 68,6%

CMYK

0,0%, 72,0%, 82,3%, 31,4%

OKLCH

0,5042 0,1655 31,3

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AF311F

#1F9DAF

Analogous

#AF1F55

#AF791F

#AF311F

Triadic

#AF311F

#1FAF31

#311FAF

Split Complementary

#AF311F

#1FAF79

#1F55AF

Tetradic

#AF311F

#55AF1F

#1F9DAF

#791FAF

Color Blindness Simulation

Original

#AF311F

Protanopia

#787723

Deuteranopia

#808924

Tritanopia

#A92728

Achromatopsia

#4A4A4A

CSS Usage

background-color: #AF311F;
color: #AF311F;
border-color: #AF311F;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C9C2
300
#EDA297
400
#E36F5F
500
#D93D26
600
#AD311F
700
#8B2719
800
#6C1E13
900
#4F1A12
950
#32100B

Contrast Checker

Text on white

6,4:1

AA Pass AAA Fail

Text on black

3,28: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