#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026