#AF321D

#AF321D

Color Values

HEX

#AF321D

RGB

175, 50, 29

HSL

8.6, 71.6%, 40.0%

HSV

8.6, 83.4%, 68.6%

CMYK

0.0%, 71.4%, 83.4%, 31.4%

OKLCH

0.505 0.165 32.1

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AF321D

#1D9AAF

Analogous

#AF1D51

#AF7B1D

#AF321D

Triadic

#AF321D

#1DAF32

#321DAF

Split Complementary

#AF321D

#1DAF7B

#1D51AF

Tetradic

#AF321D

#51AF1D

#1D9AAF

#7B1DAF

Color Blindness Simulation

Original

#AF321D

Protanopia

#797822

Deuteranopia

#808A23

Tritanopia

#A92627

Achromatopsia

#4B4B4B

CSS Usage

background-color: #AF321D;
color: #AF321D;
border-color: #AF321D;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C9C2
300
#EEA396
400
#E4705D
500
#DB3E24
600
#AF321D
700
#8C2817
800
#6D1F12
900
#501A11
950
#32110B

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026