#a30f18 hex color

In a RGB color space, hex #a30f18 is composed of 63.9% red, 5.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.8% magenta, 85.3% yellow and 36.1% black. It has a hue angle of 356.4 degrees, a saturation of 83.1% and a lightness of 34.9%. #a30f18 color hex could be obtained by blending #ff1e30 with #470000. Closest websafe color is: #990000.

♥
- f
- t
- g
- R 64
- G 6
- B 9
RGB color chart
- C 0
- M 91
- Y 85
- K 36
CMYK color chart

● #a30f18 color description : Dark red.

The hexadecimal color #a30f18 has RGB values of R:163, G:15, B:24 and CMYK values of C:0, M:0.91, Y:0.85, K:0.36. Its decimal value is 10686232.

Hex triplet	a30f18	`#a30f18`
RGB Decimal	163, 15, 24	`rgb(163,15,24)`
RGB Percent	63.9, 5.9, 9.4	`rgb(63.9%,5.9%,9.4%)`
CMYK	0, 91, 85, 36
HSL	356.4°, 83.1, 34.9	`hsl(356.4,83.1%,34.9%)`
HSV (or HSB)	356.4°, 90.8, 63.9
Web Safe	990000	`#990000`

CIE-LAB	34.388, 55.633, 37.553
XYZ	15.441, 8.196, 1.633
xyY	0.611, 0.324, 8.196
CIE-LCH	34.388, 67.121, 34.02
CIE-LUV	34.388, 104.26, 20.782
Hunter-Lab	28.629, 46.172, 16.658
Binary	10100011, 00001111, 00011000

#a30f18
```
#a30f18 rgb(163,15,24)
```
#0fa39a
```
#0fa39a rgb(15,163,154)
```

Complementary Color

#a30f62
```
#a30f62 rgb(163,15,98)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#a3500f
```
#a3500f rgb(163,80,15)
```

Analogous Color

#0f62a3
```
#0f62a3 rgb(15,98,163)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#0fa350
```
#0fa350 rgb(15,163,80)
```

Split Complementary Color

#0f18a3
```
#0f18a3 rgb(15,24,163)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#18a30f
```
#18a30f rgb(24,163,15)
```

Triadic Color

#9a0fa3
```
#9a0fa3 rgb(154,15,163)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#18a30f
```
#18a30f rgb(24,163,15)
```
#0fa39a
```
#0fa39a rgb(15,163,154)
```

Tetradic Color

#5d090e
```
#5d090e rgb(93,9,14)
```
#740b11
```
#740b11 rgb(116,11,17)
```
#8c0d15
```
#8c0d15 rgb(140,13,21)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#ba111b
```
#ba111b rgb(186,17,27)
```
#d2131f
```
#d2131f rgb(210,19,31)
```
#e91522
```
#e91522 rgb(233,21,34)
```

Monochromatic Color

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

#a30f3d
```
#a30f3d rgb(163,15,61)
```
#a30f31
```
#a30f31 rgb(163,15,49)
```
#a30f24
```
#a30f24 rgb(163,15,36)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#a3120f
```
#a3120f rgb(163,18,15)
```
#a31f0f
```
#a31f0f rgb(163,31,15)
```
#a32b0f
```
#a32b0f rgb(163,43,15)
```

Similar Colors

Text with hexadecimal color #a30f18

This text has a font color of #a30f18.

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

#a30f18 background color

This paragraph has a background color of #a30f18.

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

#a30f18 border color

This element has a border color of #a30f18.

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

CSS codes

.text {color:#a30f18;}

.background {background-color:#a30f18;}

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

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 #fdeeef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130203
```
#130203 rgb(19,2,3)
```
#250305
```
#250305 rgb(37,3,5)
```
#370508
```
#370508 rgb(55,5,8)
```
#49070b
```
#49070b rgb(73,7,11)
```
#5b080d
```
#5b080d rgb(91,8,13)
```
#6d0a10
```
#6d0a10 rgb(109,10,16)
```
#7f0c13
```
#7f0c13 rgb(127,12,19)
```
#910d15
```
#910d15 rgb(145,13,21)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#b5111b
```
#b5111b rgb(181,17,27)
```
#c7121d
```
#c7121d rgb(199,18,29)
```
#d91420
```
#d91420 rgb(217,20,32)
```

Shade Color Variation

#ea1724
```
#ea1724 rgb(234,23,36)
```
#eb2935
```
#eb2935 rgb(235,41,53)
```
#ed3b46
```
#ed3b46 rgb(237,59,70)
```
#ef4d57
```
#ef4d57 rgb(239,77,87)
```
#f05f68
```
#f05f68 rgb(240,95,104)
```
#f27178
```
#f27178 rgb(242,113,120)
```
#f48389
```
#f48389 rgb(244,131,137)
```
#f5959a
```
#f5959a rgb(245,149,154)
```
#f7a7ab
```
#f7a7ab rgb(247,167,171)
```
#f9b8bc
```
#f9b8bc rgb(249,184,188)
```
#facacd
```
#facacd rgb(250,202,205)
```
#fcdcde
```
#fcdcde rgb(252,220,222)
```
#fdeeef
```
#fdeeef rgb(253,238,239)
```

Tint Color Variation

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

#5f5354
```
#5f5354 rgb(95,83,84)
```
#654d4e
```
#654d4e rgb(101,77,78)
```
#6c4648
```
#6c4648 rgb(108,70,72)
```
#733f42
```
#733f42 rgb(115,63,66)
```
#7a383c
```
#7a383c rgb(122,56,60)
```
#813136
```
#813136 rgb(129,49,54)
```
#882a30
```
#882a30 rgb(136,42,48)
```
#8e242a
```
#8e242a rgb(142,36,42)
```
#951d24
```
#951d24 rgb(149,29,36)
```
#9c161e
```
#9c161e rgb(156,22,30)
```
#a30f18
```
#a30f18 rgb(163,15,24)
```
#aa0812
```
#aa0812 rgb(170,8,18)
```
#b1010c
```
#b1010c rgb(177,1,12)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#513335 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625932 Protanopia 1% of men
#705514 Deuteranopia 1% of men
#a71d1a Tritanopia 0.001% of the population

Trichromacy

#7a3e28 Protanomaly 1% of men, 0.01% of women
#823b16 Deuteranomaly 6% of men, 0.4% of women
#a51719 Tritanomaly 0.01% of the population

#a30f18 hex color

#a30f18 Color Information

#a30f18 Color Conversion

Color Schemes with #a30f18

Alternatives to #a30f18

#a30f18 Preview

Shades and Tints of #a30f18

Tones of #a30f18

Color Blindness Simulator