#AF3228

#AF3228

Color Values

HEX

#AF3228

RGB

175, 50, 40

HSL

4.4, 62.8%, 42.2%

HSV

4.4, 77.1%, 68.6%

CMYK

0.0%, 71.4%, 77.1%, 31.4%

OKLCH

0.5062 0.1632 28.8

Properties

Warm Dark Nearest: RAL 3002 Carmine Red

Color Harmonies

Complementary

#AF3228

#28A5AF

Analogous

#AF2862

#AF7628

#AF3228

Triadic

#AF3228

#28AF32

#3228AF

Split Complementary

#AF3228

#28AF76

#2862AF

Tetradic

#AF3228

#62AF28

#28A5AF

#7628AF

Color Blindness Simulation

Original

#AF3228

Protanopia

#79782A

Deuteranopia

#808A2B

Tritanopia

#A92C2D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C8C5
300
#E8A19B
400
#DC6E65
500
#D03B2F
600
#A62F26
700
#85261E
800
#681E18
900
#4C1915
950
#30100D

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026