#ad1218 hex color

In a RGB color space, hex #ad1218 is composed of 67.8% red, 7.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 86.1% yellow and 32.2% black. It has a hue angle of 357.7 degrees, a saturation of 81.2% and a lightness of 37.5%. #ad1218 color hex could be obtained by blending #ff2430 with #5b0000. Closest websafe color is: #990000.

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

● #ad1218 color description : Dark red.

The hexadecimal color #ad1218 has RGB values of R:173, G:18, B:24 and CMYK values of C:0, M:0.9, Y:0.86, K:0.32. Its decimal value is 11342360.

Hex triplet	ad1218	`#ad1218`
RGB Decimal	173, 18, 24	`rgb(173,18,24)`
RGB Percent	67.8, 7.1, 9.4	`rgb(67.8%,7.1%,9.4%)`
CMYK	0, 90, 86, 32
HSL	357.7°, 81.2, 37.5	`hsl(357.7,81.2%,37.5%)`
HSV (or HSB)	357.7°, 89.6, 67.8
Web Safe	990000	`#990000`

CIE-LAB	36.715, 57.852, 40.434
XYZ	17.616, 9.385, 1.748
xyY	0.613, 0.326, 9.385
CIE-LCH	36.715, 70.582, 34.951
CIE-LUV	36.715, 111.099, 22.836
Hunter-Lab	30.635, 49.029, 18.061
Binary	10101101, 00010010, 00011000

#ad1218
```
#ad1218 rgb(173,18,24)
```
#12ada7
```
#12ada7 rgb(18,173,167)
```

Complementary Color

#ad1266
```
#ad1266 rgb(173,18,102)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#ad5912
```
#ad5912 rgb(173,89,18)
```

Analogous Color

#1266ad
```
#1266ad rgb(18,102,173)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#12ad59
```
#12ad59 rgb(18,173,89)
```

Split Complementary Color

#1218ad
```
#1218ad rgb(18,24,173)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#18ad12
```
#18ad12 rgb(24,173,18)
```

Triadic Color

#a712ad
```
#a712ad rgb(167,18,173)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#18ad12
```
#18ad12 rgb(24,173,18)
```
#12ada7
```
#12ada7 rgb(18,173,167)
```

Tetradic Color

#680b0e
```
#680b0e rgb(104,11,14)
```
#7f0d12
```
#7f0d12 rgb(127,13,18)
```
#961015
```
#961015 rgb(150,16,21)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#c4141b
```
#c4141b rgb(196,20,27)
```
#db171e
```
#db171e rgb(219,23,30)
```
#e8232b
```
#e8232b rgb(232,35,43)
```

Monochromatic Color

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

#ad123f
```
#ad123f rgb(173,18,63)
```
#ad1232
```
#ad1232 rgb(173,18,50)
```
#ad1225
```
#ad1225 rgb(173,18,37)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#ad1912
```
#ad1912 rgb(173,25,18)
```
#ad2612
```
#ad2612 rgb(173,38,18)
```
#ad3312
```
#ad3312 rgb(173,51,18)
```

Similar Colors

Text with hexadecimal color #ad1218

This text has a font color of #ad1218.

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

#ad1218 background color

This paragraph has a background color of #ad1218.

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

#ad1218 border color

This element has a border color of #ad1218.

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

CSS codes

.text {color:#ad1218;}

.background {background-color:#ad1218;}

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

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, #0d0102 is the darkest color, while #fffafa is the lightest one.

#0d0102
```
#0d0102 rgb(13,1,2)
```
#1f0304
```
#1f0304 rgb(31,3,4)
```
#310507
```
#310507 rgb(49,5,7)
```
#420709
```
#420709 rgb(66,7,9)
```
#54090c
```
#54090c rgb(84,9,12)
```
#660b0e
```
#660b0e rgb(102,11,14)
```
#780c11
```
#780c11 rgb(120,12,17)
```
#890e13
```
#890e13 rgb(137,14,19)
```
#9b1016
```
#9b1016 rgb(155,16,22)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#bf141a
```
#bf141a rgb(191,20,26)
```
#d1161d
```
#d1161d rgb(209,22,29)
```
#e2181f
```
#e2181f rgb(226,24,31)
```

Shade Color Variation

#e8252d
```
#e8252d rgb(232,37,45)
```
#ea373e
```
#ea373e rgb(234,55,62)
```
#ec494f
```
#ec494f rgb(236,73,79)
```
#ee5a60
```
#ee5a60 rgb(238,90,96)
```
#f06c71
```
#f06c71 rgb(240,108,113)
```
#f27e82
```
#f27e82 rgb(242,126,130)
```
#f39094
```
#f39094 rgb(243,144,148)
```
#f5a1a5
```
#f5a1a5 rgb(245,161,165)
```
#f7b3b6
```
#f7b3b6 rgb(247,179,182)
```
#f9c5c7
```
#f9c5c7 rgb(249,197,199)
```
#fbd7d8
```
#fbd7d8 rgb(251,215,216)
```
#fde9e9
```
#fde9e9 rgb(253,233,233)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#645b5c
```
#645b5c rgb(100,91,92)
```
#6b5455
```
#6b5455 rgb(107,84,85)
```
#724d4e
```
#724d4e rgb(114,77,78)
```
#7a4547
```
#7a4547 rgb(122,69,71)
```
#813e41
```
#813e41 rgb(129,62,65)
```
#88373a
```
#88373a rgb(136,55,58)
```
#902f33
```
#902f33 rgb(144,47,51)
```
#97282c
```
#97282c rgb(151,40,44)
```
#9e2126
```
#9e2126 rgb(158,33,38)
```
#a6191f
```
#a6191f rgb(166,25,31)
```
#ad1218
```
#ad1218 rgb(173,18,24)
```
#b40b11
```
#b40b11 rgb(180,11,17)
```
#bc030a
```
#bc030a rgb(188,3,10)
```

Tone Color Variation

Below, you can see how #ad1218 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

#414141 Achromatopsia 0.005% of the population
#573839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685f32 Protanopia 1% of men
#765a12 Deuteranopia 1% of men
#b11f1d Tritanopia 0.001% of the population

Trichromacy

#814329 Protanomaly 1% of men, 0.01% of women
#8a4014 Deuteranomaly 6% of men, 0.4% of women
#af1a1b Tritanomaly 0.01% of the population

#ad1218 hex color

#ad1218 Color Information

#ad1218 Color Conversion

Color Schemes with #ad1218

Alternatives to #ad1218

#ad1218 Preview

Shades and Tints of #ad1218

Tones of #ad1218

Color Blindness Simulator