#a22535 hex color

In a RGB color space, hex #a22535 is composed of 63.5% red, 14.5% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 67.3% yellow and 36.5% black. It has a hue angle of 352.3 degrees, a saturation of 62.8% and a lightness of 39%. #a22535 color hex could be obtained by blending #ff4a6a with #450000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 15
- B 21
RGB color chart
- C 0
- M 77
- Y 67
- K 36
CMYK color chart

● #a22535 color description : Dark red.

The hexadecimal color #a22535 has RGB values of R:162, G:37, B:53 and CMYK values of C:0, M:0.77, Y:0.67, K:0.36. Its decimal value is 10626357.

Hex triplet	a22535	`#a22535`
RGB Decimal	162, 37, 53	`rgb(162,37,53)`
RGB Percent	63.5, 14.5, 20.8	`rgb(63.5%,14.5%,20.8%)`
CMYK	0, 77, 67, 36
HSL	352.3°, 62.8, 39	`hsl(352.3,62.8%,39%)`
HSV (or HSB)	352.3°, 77.2, 63.5
Web Safe	993333	`#993333`

CIE-LAB	36.487, 51.017, 22.372
XYZ	16.205, 9.263, 4.303
xyY	0.544, 0.311, 9.263
CIE-LCH	36.487, 55.706, 23.678
CIE-LUV	36.487, 89.101, 13.152
Hunter-Lab	30.436, 41.777, 12.923
Binary	10100010, 00100101, 00110101

#a22535
```
#a22535 rgb(162,37,53)
```
#25a292
```
#25a292 rgb(37,162,146)
```

Complementary Color

#a22574
```
#a22574 rgb(162,37,116)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#a25425
```
#a25425 rgb(162,84,37)
```

Analogous Color

#2574a2
```
#2574a2 rgb(37,116,162)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#25a254
```
#25a254 rgb(37,162,84)
```

Split Complementary Color

#2535a2
```
#2535a2 rgb(37,53,162)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#35a225
```
#35a225 rgb(53,162,37)
```

Triadic Color

#9225a2
```
#9225a2 rgb(146,37,162)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#35a225
```
#35a225 rgb(53,162,37)
```
#25a292
```
#25a292 rgb(37,162,146)
```

Tetradic Color

#641721
```
#641721 rgb(100,23,33)
```
#781c27
```
#781c27 rgb(120,28,39)
```
#8d202e
```
#8d202e rgb(141,32,46)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#b72a3c
```
#b72a3c rgb(183,42,60)
```
#cc2e43
```
#cc2e43 rgb(204,46,67)
```
#d34053
```
#d34053 rgb(211,64,83)
```

Monochromatic Color

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

#a22554
```
#a22554 rgb(162,37,84)
```
#a2254a
```
#a2254a rgb(162,37,74)
```
#a2253f
```
#a2253f rgb(162,37,63)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#a2252b
```
#a2252b rgb(162,37,43)
```
#a22a25
```
#a22a25 rgb(162,42,37)
```
#a23425
```
#a23425 rgb(162,52,37)
```

Similar Colors

Text with hexadecimal color #a22535

This text has a font color of #a22535.

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

#a22535 background color

This paragraph has a background color of #a22535.

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

#a22535 border color

This element has a border color of #a22535.

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

CSS codes

.text {color:#a22535;}

.background {background-color:#a22535;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120406
```
#120406 rgb(18,4,6)
```
#22080b
```
#22080b rgb(34,8,11)
```
#320b10
```
#320b10 rgb(50,11,16)
```
#420f16
```
#420f16 rgb(66,15,22)
```
#52131b
```
#52131b rgb(82,19,27)
```
#621620
```
#621620 rgb(98,22,32)
```
#721a25
```
#721a25 rgb(114,26,37)
```
#821e2b
```
#821e2b rgb(130,30,43)
```
#922130
```
#922130 rgb(146,33,48)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#b2293a
```
#b2293a rgb(178,41,58)
```
#c22c3f
```
#c22c3f rgb(194,44,63)
```

Shade Color Variation

#d03246
```
#d03246 rgb(208,50,70)
```
#d44254
```
#d44254 rgb(212,66,84)
```
#d75263
```
#d75263 rgb(215,82,99)
```
#db6271
```
#db6271 rgb(219,98,113)
```
#df7280
```
#df7280 rgb(223,114,128)
```
#e2828e
```
#e2828e rgb(226,130,142)
```
#e6929c
```
#e6929c rgb(230,146,156)
```
#eaa2ab
```
#eaa2ab rgb(234,162,171)
```
#edb1b9
```
#edb1b9 rgb(237,177,185)
```
#f1c1c8
```
#f1c1c8 rgb(241,193,200)
```
#f5d1d6
```
#f5d1d6 rgb(245,209,214)
```
#f8e1e4
```
#f8e1e4 rgb(248,225,228)
```
#fcf1f3
```
#fcf1f3 rgb(252,241,243)
```

Tint Color Variation

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

#656263
```
#656263 rgb(101,98,99)
```
#6c5b5d
```
#6c5b5d rgb(108,91,93)
```
#745357
```
#745357 rgb(116,83,87)
```
#7c4b51
```
#7c4b51 rgb(124,75,81)
```
#83444c
```
#83444c rgb(131,68,76)
```
#8b3c46
```
#8b3c46 rgb(139,60,70)
```
#933440
```
#933440 rgb(147,52,64)
```
#9a2d3b
```
#9a2d3b rgb(154,45,59)
```
#a22535
```
#a22535 rgb(162,37,53)
```
#aa1d2f
```
#aa1d2f rgb(170,29,47)
```
#b1162a
```
#b1162a rgb(177,22,42)
```
#b90e24
```
#b90e24 rgb(185,14,36)
```
#c1061e
```
#c1061e rgb(193,6,30)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5d4447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635e50 Protanopia 1% of men
#725a37 Deuteranopia 1% of men
#a63234 Tritanopia 0.001% of the population

Trichromacy

#7a4946 Protanomaly 1% of men, 0.01% of women
#834736 Deuteranomaly 6% of men, 0.4% of women
#a42d34 Tritanomaly 0.01% of the population

#a22535 hex color

#a22535 Color Information

#a22535 Color Conversion

Color Schemes with #a22535

Alternatives to #a22535

#a22535 Preview

Shades and Tints of #a22535

Tones of #a22535

Color Blindness Simulator