#a30218 hex color

In a RGB color space, hex #a30218 is composed of 63.9% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 85.3% yellow and 36.1% black. It has a hue angle of 351.8 degrees, a saturation of 97.6% and a lightness of 32.4%. #a30218 color hex could be obtained by blending #ff0430 with #470000. Closest websafe color is: #990000.

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

● #a30218 color description : Dark red.

The hexadecimal color #a30218 has RGB values of R:163, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.85, K:0.36. Its decimal value is 10682904.

Hex triplet	a30218	`#a30218`
RGB Decimal	163, 2, 24	`rgb(163,2,24)`
RGB Percent	63.9, 0.8, 9.4	`rgb(63.9%,0.8%,9.4%)`
CMYK	0, 99, 85, 36
HSL	351.8°, 97.6, 32.4	`hsl(351.8,97.6%,32.4%)`
HSV (or HSB)	351.8°, 98.8, 63.9
Web Safe	990000	`#990000`

CIE-LAB	33.769, 57.418, 36.992
XYZ	15.292, 7.898, 1.583
xyY	0.617, 0.319, 7.898
CIE-LCH	33.769, 68.303, 32.792
CIE-LUV	33.769, 107.012, 19.688
Hunter-Lab	28.103, 47.946, 16.332
Binary	10100011, 00000010, 00011000

#a30218
```
#a30218 rgb(163,2,24)
```
#02a38d
```
#02a38d rgb(2,163,141)
```

Complementary Color

#a30269
```
#a30269 rgb(163,2,105)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#a33d02
```
#a33d02 rgb(163,61,2)
```

Analogous Color

#0269a3
```
#0269a3 rgb(2,105,163)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#02a33d
```
#02a33d rgb(2,163,61)
```

Split Complementary Color

#0218a3
```
#0218a3 rgb(2,24,163)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#18a302
```
#18a302 rgb(24,163,2)
```

Triadic Color

#8d02a3
```
#8d02a3 rgb(141,2,163)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#18a302
```
#18a302 rgb(24,163,2)
```
#02a38d
```
#02a38d rgb(2,163,141)
```

Tetradic Color

#57010d
```
#57010d rgb(87,1,13)
```
#710111
```
#710111 rgb(113,1,17)
```
#8a0214
```
#8a0214 rgb(138,2,20)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#bc021c
```
#bc021c rgb(188,2,28)
```
#d5031f
```
#d5031f rgb(213,3,31)
```
#ef0323
```
#ef0323 rgb(239,3,35)
```

Monochromatic Color

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

#a30240
```
#a30240 rgb(163,2,64)
```
#a30233
```
#a30233 rgb(163,2,51)
```
#a30225
```
#a30225 rgb(163,2,37)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#a3020b
```
#a3020b rgb(163,2,11)
```
#a30702
```
#a30702 rgb(163,7,2)
```
#a31402
```
#a31402 rgb(163,20,2)
```

Similar Colors

Text with hexadecimal color #a30218

This text has a font color of #a30218.

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

#a30218 background color

This paragraph has a background color of #a30218.

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

#a30218 border color

This element has a border color of #a30218.

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

CSS codes

.text {color:#a30218;}

.background {background-color:#a30218;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1b0004
```
#1b0004 rgb(27,0,4)
```
#2f0107
```
#2f0107 rgb(47,1,7)
```
#42010a
```
#42010a rgb(66,1,10)
```
#55010d
```
#55010d rgb(85,1,13)
```
#69010f
```
#69010f rgb(105,1,15)
```
#7c0212
```
#7c0212 rgb(124,2,18)
```
#900215
```
#900215 rgb(144,2,21)
```
#a30218
```
#a30218 rgb(163,2,24)
```
#b6021b
```
#b6021b rgb(182,2,27)
```
#ca021e
```
#ca021e rgb(202,2,30)
```
#dd0321
```
#dd0321 rgb(221,3,33)
```
#f10323
```
#f10323 rgb(241,3,35)
```

Shade Color Variation

#fc0b2c
```
#fc0b2c rgb(252,11,44)
```
#fc1e3d
```
#fc1e3d rgb(252,30,61)
```
#fc324e
```
#fc324e rgb(252,50,78)
```
#fd455e
```
#fd455e rgb(253,69,94)
```
#fd596f
```
#fd596f rgb(253,89,111)
```
#fd6c80
```
#fd6c80 rgb(253,108,128)
```
#fd7f91
```
#fd7f91 rgb(253,127,145)
```
#fe93a1
```
#fe93a1 rgb(254,147,161)
```
#fea6b2
```
#fea6b2 rgb(254,166,178)
```
#feb9c3
```
#feb9c3 rgb(254,185,195)
```
#fecdd4
```
#fecdd4 rgb(254,205,212)
```
#ffe0e4
```
#ffe0e4 rgb(255,224,228)
```
#fff4f5
```
#fff4f5 rgb(255,244,245)
```

Tint Color Variation

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

#574e4f
```
#574e4f rgb(87,78,79)
```
#5d484b
```
#5d484b rgb(93,72,75)
```
#644146
```
#644146 rgb(100,65,70)
```
#6a3b42
```
#6a3b42 rgb(106,59,66)
```
#70353d
```
#70353d rgb(112,53,61)
```
#772e38
```
#772e38 rgb(119,46,56)
```
#7d2834
```
#7d2834 rgb(125,40,52)
```
#83222f
```
#83222f rgb(131,34,47)
```
#8a1b2a
```
#8a1b2a rgb(138,27,42)
```
#901526
```
#901526 rgb(144,21,38)
```
#960f21
```
#960f21 rgb(150,15,33)
```
#9d081d
```
#9d081d rgb(157,8,29)
```
#a30218
```
#a30218 rgb(163,2,24)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#4b2b2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#605833 Protanopia 1% of men
#6e5414 Deuteranopia 1% of men
#a71209 Tritanopia 0.001% of the population

Trichromacy

#783929 Protanomaly 1% of men, 0.01% of women
#813615 Deuteranomaly 6% of men, 0.4% of women
#a50c0e Tritanomaly 0.01% of the population

#a30218 hex color

#a30218 Color Information

#a30218 Color Conversion

Color Schemes with #a30218

Alternatives to #a30218

#a30218 Preview

Shades and Tints of #a30218

Tones of #a30218

Color Blindness Simulator