#AF2118

#AF2118

Color Values

HEX

#AF2118

RGB

175, 33, 24

HSL

3,6, 75,9%, 39,0%

HSV

3,6, 86,3%, 68,6%

CMYK

0,0%, 81,1%, 86,3%, 31,4%

OKLCH

0,4895 0,1787 29,2

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#AF2118

#18A6AF

Analogous

#AF185A

#AF6D18

#AF2118

Triadic

#AF2118

#18AF21

#2118AF

Split Complementary

#AF2118

#18AF6D

#185AAF

Tetradic

#AF2118

#5AAF18

#18A6AF

#6D18AF

Color Blindness Simulation

Original

#AF2118

Protanopia

#71701A

Deuteranopia

#7A841B

Tritanopia

#A81C1C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #AF2118;
color: #AF2118;
border-color: #AF2118;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C3C0
300
#F09993
400
#E86259
500
#E02A1F
600
#B32219
700
#901B14
800
#70150F
900
#52130F
950
#340C0A

Contrast Checker

Text on white

6,88:1

AA Pass AAA Fail

Text on black

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