#ad301e hex color

In a RGB color space, hex #ad301e is composed of 67.8% red, 18.8% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 82.7% yellow and 32.2% black. It has a hue angle of 7.6 degrees, a saturation of 70.4% and a lightness of 39.8%. #ad301e color hex could be obtained by blending #ff603c with #5b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 19
- B 12
RGB color chart
- C 0
- M 72
- Y 83
- K 32
CMYK color chart

● #ad301e color description : Dark red.

The hexadecimal color #ad301e has RGB values of R:173, G:48, B:30 and CMYK values of C:0, M:0.72, Y:0.83, K:0.32. Its decimal value is 11350046.

Hex triplet	ad301e	`#ad301e`
RGB Decimal	173, 48, 30	`rgb(173,48,30)`
RGB Percent	67.8, 18.8, 11.8	`rgb(67.8%,18.8%,11.8%)`
CMYK	0, 72, 83, 32
HSL	7.6°, 70.4, 39.8	`hsl(7.6,70.4%,39.8%)`
HSV (or HSB)	7.6°, 82.7, 67.8
Web Safe	993333	`#993333`

CIE-LAB	39.738, 49.649, 40.07
XYZ	18.526, 11.094, 2.394
xyY	0.579, 0.347, 11.094
CIE-LCH	39.738, 63.801, 38.906
CIE-LUV	39.738, 97.056, 26.541
Hunter-Lab	33.308, 40.993, 19.054
Binary	10101101, 00110000, 00011110

#ad301e
```
#ad301e rgb(173,48,30)
```
#1e9bad
```
#1e9bad rgb(30,155,173)
```

Complementary Color

#ad1e54
```
#ad1e54 rgb(173,30,84)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#ad781e
```
#ad781e rgb(173,120,30)
```

Analogous Color

#1e54ad
```
#1e54ad rgb(30,84,173)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#1ead78
```
#1ead78 rgb(30,173,120)
```

Split Complementary Color

#301ead
```
#301ead rgb(48,30,173)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#1ead30
```
#1ead30 rgb(30,173,48)
```

Triadic Color

#ad1e9b
```
#ad1e9b rgb(173,30,155)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#1ead30
```
#1ead30 rgb(30,173,48)
```
#1e9bad
```
#1e9bad rgb(30,155,173)
```

Tetradic Color

#6c1e13
```
#6c1e13 rgb(108,30,19)
```
#822416
```
#822416 rgb(130,36,22)
```
#972a1a
```
#972a1a rgb(151,42,26)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#c33622
```
#c33622 rgb(195,54,34)
```
#d83c26
```
#d83c26 rgb(216,60,38)
```
#dd4f3b
```
#dd4f3b rgb(221,79,59)
```

Monochromatic Color

Below, you can see some colors close to #ad301e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ad1e30
```
#ad1e30 rgb(173,30,48)
```
#ad1e24
```
#ad1e24 rgb(173,30,36)
```
#ad241e
```
#ad241e rgb(173,36,30)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#ad3c1e
```
#ad3c1e rgb(173,60,30)
```
#ad481e
```
#ad481e rgb(173,72,30)
```
#ad541e
```
#ad541e rgb(173,84,30)
```

Similar Colors

Text with hexadecimal color #ad301e

This text has a font color of #ad301e.

<span style="color:#ad301e;">Text here</span>

#ad301e background color

This paragraph has a background color of #ad301e.

<p style="background-color:#ad301e;">Content here</p>

#ad301e border color

This element has a border color of #ad301e.

<div style="border:1px solid #ad301e;">Content here</div>

CSS codes

.text {color:#ad301e;}

.background {background-color:#ad301e;}

.border {border:1px solid #ad301e;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #060201 is the darkest color, while #fdf5f4 is the lightest one.

#060201
```
#060201 rgb(6,2,1)
```
#170604
```
#170604 rgb(23,6,4)
```
#270b07
```
#270b07 rgb(39,11,7)
```
#38100a
```
#38100a rgb(56,16,10)
```
#49140d
```
#49140d rgb(73,20,13)
```
#591910
```
#591910 rgb(89,25,16)
```
#6a1d12
```
#6a1d12 rgb(106,29,18)
```
#7b2215
```
#7b2215 rgb(123,34,21)
```
#8c2718
```
#8c2718 rgb(140,39,24)
```
#9c2b1b
```
#9c2b1b rgb(156,43,27)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#be3521
```
#be3521 rgb(190,53,33)
```
#ce3924
```
#ce3924 rgb(206,57,36)
```

Shade Color Variation

#da422c
```
#da422c rgb(218,66,44)
```
#dd513c
```
#dd513c rgb(221,81,60)
```
#e05f4d
```
#e05f4d rgb(224,95,77)
```
#e36e5e
```
#e36e5e rgb(227,110,94)
```
#e67d6e
```
#e67d6e rgb(230,125,110)
```
#e98c7f
```
#e98c7f rgb(233,140,127)
```
#ec9b90
```
#ec9b90 rgb(236,155,144)
```
#efaaa1
```
#efaaa1 rgb(239,170,161)
```
#f2b9b1
```
#f2b9b1 rgb(242,185,177)
```
#f4c8c2
```
#f4c8c2 rgb(244,200,194)
```
#f7d7d3
```
#f7d7d3 rgb(247,215,211)
```
#fae6e3
```
#fae6e3 rgb(250,230,227)
```
#fdf5f4
```
#fdf5f4 rgb(253,245,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676564 is the less saturated color, while #c41e07 is the most saturated one.

#676564
```
#676564 rgb(103,101,100)
```
#6f5f5c
```
#6f5f5c rgb(111,95,92)
```
#765955
```
#765955 rgb(118,89,85)
```
#7e534d
```
#7e534d rgb(126,83,77)
```
#864d45
```
#864d45 rgb(134,77,69)
```
#8e473d
```
#8e473d rgb(142,71,61)
```
#964235
```
#964235 rgb(150,66,53)
```
#9d3c2e
```
#9d3c2e rgb(157,60,46)
```
#a53626
```
#a53626 rgb(165,54,38)
```
#ad301e
```
#ad301e rgb(173,48,30)
```
#b52a16
```
#b52a16 rgb(181,42,22)
```
#bd240e
```
#bd240e rgb(189,36,14)
```
#c41e07
```
#c41e07 rgb(196,30,7)
```

Tone Color Variation

Below, you can see how #ad301e is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#535353 Achromatopsia 0.005% of the population
#654c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706635 Protanopia 1% of men
#7e611d Deuteranopia 1% of men
#b1383a Tritanopia 0.001% of the population

Trichromacy

#86522c Protanomaly 1% of men, 0.01% of women
#8f4f1d Deuteranomaly 6% of men, 0.4% of women
#b03530 Tritanomaly 0.01% of the population

#ad301e hex color

#ad301e Color Information

#ad301e Color Conversion

Color Schemes with #ad301e

Alternatives to #ad301e

#ad301e Preview

Shades and Tints of #ad301e

Tones of #ad301e

Color Blindness Simulator