#AF2018

#AF2018

Color Values

HEX

#AF2018

RGB

175, 32, 24

HSL

3.2, 75.9%, 39.0%

HSV

3.2, 86.3%, 68.6%

CMYK

0.0%, 81.7%, 86.3%, 31.4%

OKLCH

0.4888 0.1793 29.0

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#AF2018

#18A7AF

Analogous

#AF185B

#AF6C18

#AF2018

Triadic

#AF2018

#18AF20

#2018AF

Split Complementary

#AF2018

#18AF6C

#185BAF

Tetradic

#AF2018

#5BAF18

#18A7AF

#6C18AF

Color Blindness Simulation

Original

#AF2018

Protanopia

#71701A

Deuteranopia

#79841A

Tritanopia

#A81B1C

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C3C0
300
#F09893
400
#E86159
500
#E0291F
600
#B32119
700
#901A14
800
#70150F
900
#52130F
950
#340C0A

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026