#AF2E26

#AF2E26

Color Values

HEX

#AF2E26

RGB

175, 46, 38

HSL

3.5, 64.3%, 41.8%

HSV

3.5, 78.3%, 68.6%

CMYK

0.0%, 73.7%, 78.3%, 31.4%

OKLCH

0.5019 0.167 28.3

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AF2E26

#26A7AF

Analogous

#AF2663

#AF7326

#AF2E26

Triadic

#AF2E26

#26AF2E

#2E26AF

Split Complementary

#AF2E26

#26AF73

#2663AF

Tetradic

#AF2E26

#63AF26

#26A7AF

#7326AF

Color Blindness Simulation

Original

#AF2E26

Protanopia

#777628

Deuteranopia

#7F8828

Tritanopia

#A9292A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F2C7C4
300
#E99F9A
400
#DD6B64
500
#D1372E
600
#A82C24
700
#86231D
800
#691C17
900
#4C1814
950
#300F0D

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026