#5a2224 hex color

In a RGB color space, hex #5a2224 is composed of 35.3% red, 13.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.2% magenta, 60% yellow and 64.7% black. It has a hue angle of 357.9 degrees, a saturation of 45.2% and a lightness of 24.3%. #5a2224 color hex could be obtained by blending #b44448 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 35
- G 13
- B 14
RGB color chart
- C 0
- M 62
- Y 60
- K 65
CMYK color chart

● #5a2224 color description : Very dark red.

The hexadecimal color #5a2224 has RGB values of R:90, G:34, B:36 and CMYK values of C:0, M:0.62, Y:0.6, K:0.65. Its decimal value is 5906980.

Hex triplet	5a2224	`#5a2224`
RGB Decimal	90, 34, 36	`rgb(90,34,36)`
RGB Percent	35.3, 13.3, 14.1	`rgb(35.3%,13.3%,14.1%)`
CMYK	0, 62, 60, 65
HSL	357.9°, 45.2, 24.3	`hsl(357.9,45.2%,24.3%)`
HSV (or HSB)	357.9°, 62.2, 35.3
Web Safe	663333	`#663333`

CIE-LAB	21.747, 25.974, 11.744
XYZ	5.107, 3.446, 2.065
xyY	0.481, 0.325, 3.446
CIE-LCH	21.747, 28.506, 24.33
CIE-LUV	21.747, 35.76, 6.784
Hunter-Lab	18.562, 16.627, 6.397
Binary	01011010, 00100010, 00100100

#5a2224
```
#5a2224 rgb(90,34,36)
```
#225a58
```
#225a58 rgb(34,90,88)
```

Complementary Color

#5a2240
```
#5a2240 rgb(90,34,64)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#5a3c22
```
#5a3c22 rgb(90,60,34)
```

Analogous Color

#22405a
```
#22405a rgb(34,64,90)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#225a3c
```
#225a3c rgb(34,90,60)
```

Split Complementary Color

#22245a
```
#22245a rgb(34,36,90)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#245a22
```
#245a22 rgb(36,90,34)
```

Triadic Color

#58225a
```
#58225a rgb(88,34,90)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#245a22
```
#245a22 rgb(36,90,34)
```
#225a58
```
#225a58 rgb(34,90,88)
```

Tetradic Color

#220d0e
```
#220d0e rgb(34,13,14)
```
#351415
```
#351415 rgb(53,20,21)
```
#471b1d
```
#471b1d rgb(71,27,29)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#6d292b
```
#6d292b rgb(109,41,43)
```
#7f3033
```
#7f3033 rgb(127,48,51)
```
#92373a
```
#92373a rgb(146,55,58)
```

Monochromatic Color

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

#5a2232
```
#5a2232 rgb(90,34,50)
```
#5a222d
```
#5a222d rgb(90,34,45)
```
#5a2229
```
#5a2229 rgb(90,34,41)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#5a2522
```
#5a2522 rgb(90,37,34)
```
#5a2922
```
#5a2922 rgb(90,41,34)
```
#5a2e22
```
#5a2e22 rgb(90,46,34)
```

Similar Colors

Text with hexadecimal color #5a2224

This text has a font color of #5a2224.

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

#5a2224 background color

This paragraph has a background color of #5a2224.

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

#5a2224 border color

This element has a border color of #5a2224.

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

CSS codes

.text {color:#5a2224;}

.background {background-color:#5a2224;}

.border {border:1px solid #5a2224;}

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

#050202
```
#050202 rgb(5,2,2)
```
#130708
```
#130708 rgb(19,7,8)
```
#210c0d
```
#210c0d rgb(33,12,13)
```
#2f1213
```
#2f1213 rgb(47,18,19)
```
#3e1719
```
#3e1719 rgb(62,23,25)
```
#4c1d1e
```
#4c1d1e rgb(76,29,30)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#68272a
```
#68272a rgb(104,39,42)
```
#762d2f
```
#762d2f rgb(118,45,47)
```
#853235
```
#853235 rgb(133,50,53)
```
#93383b
```
#93383b rgb(147,56,59)
```
#a13d40
```
#a13d40 rgb(161,61,64)
```
#af4246
```
#af4246 rgb(175,66,70)
```

Shade Color Variation

#bb4a4f
```
#bb4a4f rgb(187,74,79)
```
#c0595c
```
#c0595c rgb(192,89,92)
```
#c6676a
```
#c6676a rgb(198,103,106)
```
#cb7578
```
#cb7578 rgb(203,117,120)
```
#d08386
```
#d08386 rgb(208,131,134)
```
#d69294
```
#d69294 rgb(214,146,148)
```
#dba0a2
```
#dba0a2 rgb(219,160,162)
```
#e0aeb0
```
#e0aeb0 rgb(224,174,176)
```
#e6bcbe
```
#e6bcbe rgb(230,188,190)
```
#ebcbcc
```
#ebcbcc rgb(235,203,204)
```
#f1d9da
```
#f1d9da rgb(241,217,218)
```
#f6e7e8
```
#f6e7e8 rgb(246,231,232)
```
#fbf5f6
```
#fbf5f6 rgb(251,245,246)
```

Tint Color Variation

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

#423a3a
```
#423a3a rgb(66,58,58)
```
#473536
```
#473536 rgb(71,53,54)
```
#4c3031
```
#4c3031 rgb(76,48,49)
```
#502c2d
```
#502c2d rgb(80,44,45)
```
#552728
```
#552728 rgb(85,39,40)
```
#5a2224
```
#5a2224 rgb(90,34,36)
```
#5f1d20
```
#5f1d20 rgb(95,29,32)
```
#64181b
```
#64181b rgb(100,24,27)
```
#681417
```
#681417 rgb(104,20,23)
```
#6d0f12
```
#6d0f12 rgb(109,15,18)
```
#720a0e
```
#720a0e rgb(114,10,14)
```
#770509
```
#770509 rgb(119,5,9)
```
#7b0105
```
#7b0105 rgb(123,1,5)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#3b3030 Atypical Achromatopsia 0.001% of the population

Dichromacy

#413e36 Protanopia 1% of men
#4a3c2c Deuteranopia 1% of men
#622d30 Tritanopia 0.001% of the population

Trichromacy

#4a342f Protanomaly 1% of men, 0.01% of women
#503229 Deuteranomaly 6% of men, 0.4% of women
#5f292b Tritanomaly 0.01% of the population

#5a2224 hex color

#5a2224 Color Information

#5a2224 Color Conversion

Color Schemes with #5a2224

Alternatives to #5a2224

#5a2224 Preview

Shades and Tints of #5a2224

Tones of #5a2224

Color Blindness Simulator