#AF2E27

#AF2E27

Color Values

HEX

#AF2E27

RGB

175, 46, 39

HSL

3.1, 63.6%, 42.0%

HSV

3.1, 77.7%, 68.6%

CMYK

0.0%, 73.7%, 77.7%, 31.4%

OKLCH

0.502 0.1668 28.0

Properties

Warm Dark Nearest: RAL 3002 Carmine Red

Color Harmonies

Complementary

#AF2E27

#27A8AF

Analogous

#AF2764

#AF7227

#AF2E27

Triadic

#AF2E27

#27AF2E

#2E27AF

Split Complementary

#AF2E27

#27AF72

#2764AF

Tetradic

#AF2E27

#64AF27

#27A8AF

#7227AF

Color Blindness Simulation

Original

#AF2E27

Protanopia

#777629

Deuteranopia

#7F8829

Tritanopia

#A92A2A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E4E4
200
#F2C7C5
300
#E99F9B
400
#DD6B65
500
#D1372E
600
#A72C25
700
#85231E
800
#681B17
900
#4C1815
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