#AD080F

#AD080F

Color Values

HEX

#AD080F

RGB

173, 8, 15

HSL

357.5, 91.2%, 35.5%

HSV

357.5, 95.4%, 67.8%

CMYK

0.0%, 95.4%, 91.3%, 32.2%

OKLCH

0.4726 0.1893 27.8

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AD080F

#08ADA6

Analogous

#AD0861

#AD5408

#AD080F

Triadic

#AD080F

#0FAD08

#080FAD

Split Complementary

#AD080F

#08AD54

#0861AD

Tetradic

#AD080F

#61AD08

#08ADA6

#5408AD

Color Blindness Simulation

Original

#AD080F

Protanopia

#66640D

Deuteranopia

#6F7C0D

Tritanopia

#A50C0C

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBD
300
#FA8A8F
400
#F74B52
500
#F40B15
600
#C30911
700
#9C070D
800
#7A060A
900
#58090C
950
#380508

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026