#a81f30 hex color

In a RGB color space, hex #a81f30 is composed of 65.9% red, 12.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.5% magenta, 71.4% yellow and 34.1% black. It has a hue angle of 352.6 degrees, a saturation of 68.8% and a lightness of 39%. #a81f30 color hex could be obtained by blending #ff3e60 with #510000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 66
- G 12
- B 19
RGB color chart
- C 0
- M 82
- Y 71
- K 34
CMYK color chart

● #a81f30 color description : Dark red.

The hexadecimal color #a81f30 has RGB values of R:168, G:31, B:48 and CMYK values of C:0, M:0.82, Y:0.71, K:0.34. Its decimal value is 11018032.

Hex triplet	a81f30	`#a81f30`
RGB Decimal	168, 31, 48	`rgb(168,31,48)`
RGB Percent	65.9, 12.2, 18.8	`rgb(65.9%,12.2%,18.8%)`
CMYK	0, 82, 71, 34
HSL	352.6°, 68.8, 39	`hsl(352.6,68.8%,39%)`
HSV (or HSB)	352.6°, 81.5, 65.9
Web Safe	993333	`#993333`

CIE-LAB	36.967, 54.356, 26.371
XYZ	17.173, 9.52, 3.73
xyY	0.564, 0.313, 9.52
CIE-LCH	36.967, 60.416, 25.88
CIE-LUV	36.967, 97.784, 15.497
Hunter-Lab	30.855, 45.35, 14.432
Binary	10101000, 00011111, 00110000

#a81f30
```
#a81f30 rgb(168,31,48)
```
#1fa897
```
#1fa897 rgb(31,168,151)
```

Complementary Color

#a81f75
```
#a81f75 rgb(168,31,117)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#a8531f
```
#a8531f rgb(168,83,31)
```

Analogous Color

#1f75a8
```
#1f75a8 rgb(31,117,168)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#1fa853
```
#1fa853 rgb(31,168,83)
```

Split Complementary Color

#1f30a8
```
#1f30a8 rgb(31,48,168)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#30a81f
```
#30a81f rgb(48,168,31)
```

Triadic Color

#971fa8
```
#971fa8 rgb(151,31,168)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#1fa897
```
#1fa897 rgb(31,168,151)
```

Tetradic Color

#67131e
```
#67131e rgb(103,19,30)
```
#7d1724
```
#7d1724 rgb(125,23,36)
```
#921b2a
```
#921b2a rgb(146,27,42)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#be2336
```
#be2336 rgb(190,35,54)
```
#d3273c
```
#d3273c rgb(211,39,60)
```
#da394d
```
#da394d rgb(218,57,77)
```

Monochromatic Color

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

#a81f52
```
#a81f52 rgb(168,31,82)
```
#a81f47
```
#a81f47 rgb(168,31,71)
```
#a81f3b
```
#a81f3b rgb(168,31,59)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#a81f25
```
#a81f25 rgb(168,31,37)
```
#a8251f
```
#a8251f rgb(168,37,31)
```
#a8301f
```
#a8301f rgb(168,48,31)
```

Similar Colors

Text with hexadecimal color #a81f30

This text has a font color of #a81f30.

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

#a81f30 background color

This paragraph has a background color of #a81f30.

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

#a81f30 border color

This element has a border color of #a81f30.

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

CSS codes

.text {color:#a81f30;}

.background {background-color:#a81f30;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130305
```
#130305 rgb(19,3,5)
```
#24070a
```
#24070a rgb(36,7,10)
```
#340a0f
```
#340a0f rgb(52,10,15)
```
#450d14
```
#450d14 rgb(69,13,20)
```
#551018
```
#551018 rgb(85,16,24)
```
#66131d
```
#66131d rgb(102,19,29)
```
#761622
```
#761622 rgb(118,22,34)
```
#871927
```
#871927 rgb(135,25,39)
```
#971c2b
```
#971c2b rgb(151,28,43)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#b92235
```
#b92235 rgb(185,34,53)
```
#c92539
```
#c92539 rgb(201,37,57)
```

Shade Color Variation

#d82a40
```
#d82a40 rgb(216,42,64)
```
#db3b4f
```
#db3b4f rgb(219,59,79)
```
#de4b5d
```
#de4b5d rgb(222,75,93)
```
#e15c6c
```
#e15c6c rgb(225,92,108)
```
#e46c7b
```
#e46c7b rgb(228,108,123)
```
#e77d8a
```
#e77d8a rgb(231,125,138)
```
#ea8d99
```
#ea8d99 rgb(234,141,153)
```
#ed9ea8
```
#ed9ea8 rgb(237,158,168)
```
#f0afb7
```
#f0afb7 rgb(240,175,183)
```
#f3bfc6
```
#f3bfc6 rgb(243,191,198)
```
#f6d0d5
```
#f6d0d5 rgb(246,208,213)
```
#f9e0e3
```
#f9e0e3 rgb(249,224,227)
```
#fcf1f2
```
#fcf1f2 rgb(252,241,242)
```

Tint Color Variation

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

#6b5c5e
```
#6b5c5e rgb(107,92,94)
```
#725558
```
#725558 rgb(114,85,88)
```
#7a4d53
```
#7a4d53 rgb(122,77,83)
```
#82454d
```
#82454d rgb(130,69,77)
```
#893e47
```
#893e47 rgb(137,62,71)
```
#913641
```
#913641 rgb(145,54,65)
```
#992e3c
```
#992e3c rgb(153,46,60)
```
#a02736
```
#a02736 rgb(160,39,54)
```
#a81f30
```
#a81f30 rgb(168,31,48)
```
#b0172a
```
#b0172a rgb(176,23,42)
```
#b71024
```
#b71024 rgb(183,16,36)
```
#bf081f
```
#bf081f rgb(191,8,31)
```
#c70019
```
#c70019 rgb(199,0,25)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5d4145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655f4c Protanopia 1% of men
#745b31 Deuteranopia 1% of men
#ac2d2e Tritanopia 0.001% of the population

Trichromacy

#7d4841 Protanomaly 1% of men, 0.01% of women
#874531 Deuteranomaly 6% of men, 0.4% of women
#aa282e Tritanomaly 0.01% of the population

#a81f30 hex color

#a81f30 Color Information

#a81f30 Color Conversion

Color Schemes with #a81f30

Alternatives to #a81f30

#a81f30 Preview

Shades and Tints of #a81f30

Tones of #a81f30

Color Blindness Simulator