#a30100 hex color

In a RGB color space, hex #a30100 is composed of 63.9% red, 0.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.4% magenta, 100% yellow and 36.1% black. It has a hue angle of 0.4 degrees, a saturation of 100% and a lightness of 32%. #a30100 color hex could be obtained by blending #ff0200 with #470000. Closest websafe color is: #990000.

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

● #a30100 color description : Dark red.

The hexadecimal color #a30100 has RGB values of R:163, G:1, B:0 and CMYK values of C:0, M:0.99, Y:1, K:0.36. Its decimal value is 10682624.

Hex triplet	a30100	`#a30100`
RGB Decimal	163, 1, 0	`rgb(163,1,0)`
RGB Percent	63.9, 0.4, 0	`rgb(63.9%,0.4%,0%)`
CMYK	0, 99, 100, 36
HSL	0.4°, 100, 32	`hsl(0.4,100%,32%)`
HSV (or HSB)	0.4°, 100, 63.9
Web Safe	990000	`#990000`

CIE-LAB	33.585, 57.169, 47.725
XYZ	15.116, 7.81, 0.712
xyY	0.639, 0.33, 7.81
CIE-LCH	33.585, 74.472, 39.855
CIE-LUV	33.585, 110.033, 23.862
Hunter-Lab	27.947, 47.64, 18.053
Binary	10100011, 00000001, 00000000

#a30100
```
#a30100 rgb(163,1,0)
```
#00a2a3
```
#00a2a3 rgb(0,162,163)
```

Complementary Color

#a30051
```
#a30051 rgb(163,0,81)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#a35300
```
#a35300 rgb(163,83,0)
```

Analogous Color

#0051a3
```
#0051a3 rgb(0,81,163)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#00a353
```
#00a353 rgb(0,163,83)
```

Split Complementary Color

#0100a3
```
#0100a3 rgb(1,0,163)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#00a301
```
#00a301 rgb(0,163,1)
```

Triadic Color

#a300a2
```
#a300a2 rgb(163,0,162)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#00a301
```
#00a301 rgb(0,163,1)
```
#00a2a3
```
#00a2a3 rgb(0,162,163)
```

Tetradic Color

#570100
```
#570100 rgb(87,1,0)
```
#700100
```
#700100 rgb(112,1,0)
```
#8a0100
```
#8a0100 rgb(138,1,0)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#bd0100
```
#bd0100 rgb(189,1,0)
```
#d60100
```
#d60100 rgb(214,1,0)
```
#f00100
```
#f00100 rgb(240,1,0)
```

Monochromatic Color

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

#a30028
```
#a30028 rgb(163,0,40)
```
#a3001a
```
#a3001a rgb(163,0,26)
```
#a3000d
```
#a3000d rgb(163,0,13)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#a30f00
```
#a30f00 rgb(163,15,0)
```
#a31c00
```
#a31c00 rgb(163,28,0)
```
#a32a00
```
#a32a00 rgb(163,42,0)
```

Similar Colors

Text with hexadecimal color #a30100

This text has a font color of #a30100.

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

#a30100 background color

This paragraph has a background color of #a30100.

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

#a30100 border color

This element has a border color of #a30100.

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

CSS codes

.text {color:#a30100;}

.background {background-color:#a30100;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#1a0000
```
#1a0000 rgb(26,0,0)
```
#2d0000
```
#2d0000 rgb(45,0,0)
```
#410000
```
#410000 rgb(65,0,0)
```
#550100
```
#550100 rgb(85,1,0)
```
#680100
```
#680100 rgb(104,1,0)
```
#7c0100
```
#7c0100 rgb(124,1,0)
```
#8f0100
```
#8f0100 rgb(143,1,0)
```
#a30100
```
#a30100 rgb(163,1,0)
```
#b70100
```
#b70100 rgb(183,1,0)
```
#ca0100
```
#ca0100 rgb(202,1,0)
```
#de0100
```
#de0100 rgb(222,1,0)
```
#f10100
```
#f10100 rgb(241,1,0)
```

Shade Color Variation

#ff0806
```
#ff0806 rgb(255,8,6)
```
#ff1b1a
```
#ff1b1a rgb(255,27,26)
```
#ff2f2d
```
#ff2f2d rgb(255,47,45)
```
#ff4241
```
#ff4241 rgb(255,66,65)
```
#ff5655
```
#ff5655 rgb(255,86,85)
```
#ff6968
```
#ff6968 rgb(255,105,104)
```
#ff7d7c
```
#ff7d7c rgb(255,125,124)
```
#ff908f
```
#ff908f rgb(255,144,143)
```
#ffa4a3
```
#ffa4a3 rgb(255,164,163)
```
#ffb7b7
```
#ffb7b7 rgb(255,183,183)
```
#ffcbca
```
#ffcbca rgb(255,203,202)
```
#ffdede
```
#ffdede rgb(255,222,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#584b4b
```
#584b4b rgb(88,75,75)
```
#5e4545
```
#5e4545 rgb(94,69,69)
```
#643f3f
```
#643f3f rgb(100,63,63)
```
#6b3938
```
#6b3938 rgb(107,57,56)
```
#713332
```
#713332 rgb(113,51,50)
```
#772c2c
```
#772c2c rgb(119,44,44)
```
#7d2626
```
#7d2626 rgb(125,38,38)
```
#84201f
```
#84201f rgb(132,32,31)
```
#8a1a19
```
#8a1a19 rgb(138,26,25)
```
#901413
```
#901413 rgb(144,20,19)
```
#960d0d
```
#960d0d rgb(150,13,13)
```
#9d0706
```
#9d0706 rgb(157,7,6)
```
#a30100
```
#a30100 rgb(163,1,0)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#482727 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625817 Protanopia 1% of men
#6d5400 Deuteranopia 1% of men
#a61200 Tritanopia 0.001% of the population

Trichromacy

#7a380e Protanomaly 1% of men, 0.01% of women
#813500 Deuteranomaly 6% of men, 0.4% of women
#a50c00 Tritanomaly 0.01% of the population

#a30100 hex color

#a30100 Color Information

#a30100 Color Conversion

Color Schemes with #a30100

Alternatives to #a30100

#a30100 Preview

Shades and Tints of #a30100

Tones of #a30100

Color Blindness Simulator