#a20f30 hex color

In a RGB color space, hex #a20f30 is composed of 63.5% red, 5.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 70.4% yellow and 36.5% black. It has a hue angle of 346.5 degrees, a saturation of 83.1% and a lightness of 34.7%. #a20f30 color hex could be obtained by blending #ff1e60 with #450000. Closest websafe color is: #990033.

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

● #a20f30 color description : Dark red.

The hexadecimal color #a20f30 has RGB values of R:162, G:15, B:48 and CMYK values of C:0, M:0.91, Y:0.7, K:0.36. Its decimal value is 10620720.

Hex triplet	a20f30	`#a20f30`
RGB Decimal	162, 15, 48	`rgb(162,15,48)`
RGB Percent	63.5, 5.9, 18.8	`rgb(63.5%,5.9%,18.8%)`
CMYK	0, 91, 70, 36
HSL	346.5°, 83.1, 34.7	`hsl(346.5,83.1%,34.7%)`
HSV (or HSB)	346.5°, 90.7, 63.5
Web Safe	990033	`#990033`

CIE-LAB	34.475, 56.226, 23.044
XYZ	15.605, 8.238, 3.565
xyY	0.569, 0.301, 8.238
CIE-LCH	34.475, 60.765, 22.286
CIE-LUV	34.475, 97.992, 11.822
Hunter-Lab	28.703, 46.819, 12.728
Binary	10100010, 00001111, 00110000

#a20f30
```
#a20f30 rgb(162,15,48)
```
#0fa281
```
#0fa281 rgb(15,162,129)
```

Complementary Color

#a20f7a
```
#a20f7a rgb(162,15,122)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#a2380f
```
#a2380f rgb(162,56,15)
```

Analogous Color

#0f7aa2
```
#0f7aa2 rgb(15,122,162)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#0fa238
```
#0fa238 rgb(15,162,56)
```

Split Complementary Color

#0f30a2
```
#0f30a2 rgb(15,48,162)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#30a20f
```
#30a20f rgb(48,162,15)
```

Triadic Color

#810fa2
```
#810fa2 rgb(129,15,162)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#30a20f
```
#30a20f rgb(48,162,15)
```
#0fa281
```
#0fa281 rgb(15,162,129)
```

Tetradic Color

#5c091b
```
#5c091b rgb(92,9,27)
```
#730b22
```
#730b22 rgb(115,11,34)
```
#8b0d29
```
#8b0d29 rgb(139,13,41)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#b91137
```
#b91137 rgb(185,17,55)
```
#d1133e
```
#d1133e rgb(209,19,62)
```
#e81545
```
#e81545 rgb(232,21,69)
```

Monochromatic Color

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

#a20f55
```
#a20f55 rgb(162,15,85)
```
#a20f48
```
#a20f48 rgb(162,15,72)
```
#a20f3c
```
#a20f3c rgb(162,15,60)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#a20f24
```
#a20f24 rgb(162,15,36)
```
#a20f17
```
#a20f17 rgb(162,15,23)
```
#a2130f
```
#a2130f rgb(162,19,15)
```

Similar Colors

Text with hexadecimal color #a20f30

This text has a font color of #a20f30.

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

#a20f30 background color

This paragraph has a background color of #a20f30.

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

#a20f30 border color

This element has a border color of #a20f30.

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

CSS codes

.text {color:#a20f30;}

.background {background-color:#a20f30;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120205
```
#120205 rgb(18,2,5)
```
#24030b
```
#24030b rgb(36,3,11)
```
#360510
```
#360510 rgb(54,5,16)
```
#480715
```
#480715 rgb(72,7,21)
```
#5a081b
```
#5a081b rgb(90,8,27)
```
#6c0a20
```
#6c0a20 rgb(108,10,32)
```
#7e0c25
```
#7e0c25 rgb(126,12,37)
```
#900d2b
```
#900d2b rgb(144,13,43)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#b41135
```
#b41135 rgb(180,17,53)
```
#c6123b
```
#c6123b rgb(198,18,59)
```
#d81440
```
#d81440 rgb(216,20,64)
```

Shade Color Variation

#e91645
```
#e91645 rgb(233,22,69)
```
#eb2854
```
#eb2854 rgb(235,40,84)
```
#ed3a62
```
#ed3a62 rgb(237,58,98)
```
#ee4c70
```
#ee4c70 rgb(238,76,112)
```
#f05e7f
```
#f05e7f rgb(240,94,127)
```
#f2708d
```
#f2708d rgb(242,112,141)
```
#f3829b
```
#f3829b rgb(243,130,155)
```
#f594aa
```
#f594aa rgb(245,148,170)
```
#f7a6b8
```
#f7a6b8 rgb(247,166,184)
```
#f8b8c6
```
#f8b8c6 rgb(248,184,198)
```
#facad4
```
#facad4 rgb(250,202,212)
```
#fcdce3
```
#fcdce3 rgb(252,220,227)
```
#fdedf1
```
#fdedf1 rgb(253,237,241)
```

Tint Color Variation

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

#5e5356
```
#5e5356 rgb(94,83,86)
```
#654c52
```
#654c52 rgb(101,76,82)
```
#6c454e
```
#6c454e rgb(108,69,78)
```
#723f4a
```
#723f4a rgb(114,63,74)
```
#793847
```
#793847 rgb(121,56,71)
```
#803143
```
#803143 rgb(128,49,67)
```
#872a3f
```
#872a3f rgb(135,42,63)
```
#8e233b
```
#8e233b rgb(142,35,59)
```
#941d38
```
#941d38 rgb(148,29,56)
```
#9b1634
```
#9b1634 rgb(155,22,52)
```
#a20f30
```
#a20f30 rgb(162,15,48)
```
#a9082c
```
#a9082c rgb(169,8,44)
```
#b00128
```
#b00128 rgb(176,1,40)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#53353c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e594e Protanopia 1% of men
#6d5631 Deuteranopia 1% of men
#a62221 Tritanopia 0.001% of the population

Trichromacy

#763e43 Protanomaly 1% of men, 0.01% of women
#803c30 Deuteranomaly 6% of men, 0.4% of women
#a41b26 Tritanomaly 0.01% of the population

#a20f30 hex color

#a20f30 Color Information

#a20f30 Color Conversion

Color Schemes with #a20f30

Alternatives to #a20f30

#a20f30 Preview

Shades and Tints of #a20f30

Tones of #a20f30

Color Blindness Simulator