#ad3018 hex color

In a RGB color space, hex #ad3018 is composed of 67.8% red, 18.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 86.1% yellow and 32.2% black. It has a hue angle of 9.7 degrees, a saturation of 75.6% and a lightness of 38.6%. #ad3018 color hex could be obtained by blending #ff6030 with #5b0000. Closest websafe color is: #993300.

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

● #ad3018 color description : Dark red.

The hexadecimal color #ad3018 has RGB values of R:173, G:48, B:24 and CMYK values of C:0, M:0.72, Y:0.86, K:0.32. Its decimal value is 11350040.

Hex triplet	ad3018	`#ad3018`
RGB Decimal	173, 48, 24	`rgb(173,48,24)`
RGB Percent	67.8, 18.8, 9.4	`rgb(67.8%,18.8%,9.4%)`
CMYK	0, 72, 86, 32
HSL	9.7°, 75.6, 38.6	`hsl(9.7,75.6%,38.6%)`
HSV (or HSB)	9.7°, 86.1, 67.8
Web Safe	993300	`#993300`

CIE-LAB	39.692, 49.487, 43.003
XYZ	18.456, 11.066, 2.028
xyY	0.585, 0.351, 11.066
CIE-LCH	39.692, 65.56, 40.99
CIE-LUV	39.692, 97.844, 28.061
Hunter-Lab	33.266, 40.818, 19.671
Binary	10101101, 00110000, 00011000

#ad3018
```
#ad3018 rgb(173,48,24)
```
#1895ad
```
#1895ad rgb(24,149,173)
```

Complementary Color

#ad184a
```
#ad184a rgb(173,24,74)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```

Analogous Color

#184bad
```
#184bad rgb(24,75,173)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#18ad7b
```
#18ad7b rgb(24,173,123)
```

Split Complementary Color

#3018ad
```
#3018ad rgb(48,24,173)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#18ad30
```
#18ad30 rgb(24,173,48)
```

Triadic Color

#ad1895
```
#ad1895 rgb(173,24,149)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#18ad30
```
#18ad30 rgb(24,173,48)
```
#1895ad
```
#1895ad rgb(24,149,173)
```

Tetradic Color

#6a1d0f
```
#6a1d0f rgb(106,29,15)
```
#802412
```
#802412 rgb(128,36,18)
```
#972a15
```
#972a15 rgb(151,42,21)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#c3361b
```
#c3361b rgb(195,54,27)
```
#da3c1e
```
#da3c1e rgb(218,60,30)
```
#e24c2f
```
#e24c2f rgb(226,76,47)
```

Monochromatic Color

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

#ad1825
```
#ad1825 rgb(173,24,37)
```
#ad1819
```
#ad1819 rgb(173,24,25)
```
#ad2418
```
#ad2418 rgb(173,36,24)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#ad3c18
```
#ad3c18 rgb(173,60,24)
```
#ad4918
```
#ad4918 rgb(173,73,24)
```
#ad5518
```
#ad5518 rgb(173,85,24)
```

Similar Colors

Text with hexadecimal color #ad3018

This text has a font color of #ad3018.

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

#ad3018 background color

This paragraph has a background color of #ad3018.

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

#ad3018 border color

This element has a border color of #ad3018.

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

CSS codes

.text {color:#ad3018;}

.background {background-color:#ad3018;}

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

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, #010000 is the darkest color, while #fdf1ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120502
```
#120502 rgb(18,5,2)
```
#230a05
```
#230a05 rgb(35,10,5)
```
#340f07
```
#340f07 rgb(52,15,7)
```
#46130a
```
#46130a rgb(70,19,10)
```
#57180c
```
#57180c rgb(87,24,12)
```
#681d0e
```
#681d0e rgb(104,29,14)
```
#792211
```
#792211 rgb(121,34,17)
```
#8b2613
```
#8b2613 rgb(139,38,19)
```
#9c2b16
```
#9c2b16 rgb(156,43,22)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#be351a
```
#be351a rgb(190,53,26)
```
#cf3a1d
```
#cf3a1d rgb(207,58,29)
```

Shade Color Variation

#e03f20
```
#e03f20 rgb(224,63,32)
```
#e24e31
```
#e24e31 rgb(226,78,49)
```
#e55c42
```
#e55c42 rgb(229,92,66)
```
#e76b53
```
#e76b53 rgb(231,107,83)
```
#ea7a65
```
#ea7a65 rgb(234,122,101)
```
#ec8976
```
#ec8976 rgb(236,137,118)
```
#ee9887
```
#ee9887 rgb(238,152,135)
```
#f1a798
```
#f1a798 rgb(241,167,152)
```
#f3b5aa
```
#f3b5aa rgb(243,181,170)
```
#f6c4bb
```
#f6c4bb rgb(246,196,187)
```
#f8d3cc
```
#f8d3cc rgb(248,211,204)
```
#fae2dd
```
#fae2dd rgb(250,226,221)
```
#fdf1ef
```
#fdf1ef rgb(253,241,239)
```

Tint Color Variation

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

#695e5c
```
#695e5c rgb(105,94,92)
```
#705955
```
#705955 rgb(112,89,85)
```
#78544d
```
#78544d rgb(120,84,77)
```
#804f45
```
#804f45 rgb(128,79,69)
```
#874a3e
```
#874a3e rgb(135,74,62)
```
#8f4536
```
#8f4536 rgb(143,69,54)
```
#963f2f
```
#963f2f rgb(150,63,47)
```
#9e3a27
```
#9e3a27 rgb(158,58,39)
```
#a53520
```
#a53520 rgb(165,53,32)
```
#ad3018
```
#ad3018 rgb(173,48,24)
```
#b52b10
```
#b52b10 rgb(181,43,16)
```
#bc2609
```
#bc2609 rgb(188,38,9)
```
#c42101
```
#c42101 rgb(196,33,1)
```

Tone Color Variation

Below, you can see how #ad3018 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
#654c47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70662e Protanopia 1% of men
#7f6115 Deuteranopia 1% of men
#b1383a Tritanopia 0.001% of the population

Trichromacy

#865226 Protanomaly 1% of men, 0.01% of women
#8f4f16 Deuteranomaly 6% of men, 0.4% of women
#b0352d Tritanomaly 0.01% of the population

#ad3018 hex color

#ad3018 Color Information

#ad3018 Color Conversion

Color Schemes with #ad3018

Alternatives to #ad3018

#ad3018 Preview

Shades and Tints of #ad3018

Tones of #ad3018

Color Blindness Simulator