#5a2f22 hex color

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

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

● #5a2f22 color description : Very dark red.

The hexadecimal color #5a2f22 has RGB values of R:90, G:47, B:34 and CMYK values of C:0, M:0.48, Y:0.62, K:0.65. Its decimal value is 5910306.

Hex triplet	5a2f22	`#5a2f22`
RGB Decimal	90, 47, 34	`rgb(90,47,34)`
RGB Percent	35.3, 18.4, 13.3	`rgb(35.3%,18.4%,13.3%)`
CMYK	0, 48, 62, 65
HSL	13.9°, 45.2, 24.3	`hsl(13.9,45.2%,24.3%)`
HSV (or HSB)	13.9°, 62.2, 35.3
Web Safe	663333	`#663333`

CIE-LAB	24.711, 18.174, 16.925
XYZ	5.522, 4.323, 2.057
xyY	0.464, 0.363, 4.323
CIE-LCH	24.711, 24.835, 42.963
CIE-LUV	24.711, 29.157, 12.848
Hunter-Lab	20.791, 11.024, 8.688
Binary	01011010, 00101111, 00100010

#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#224d5a
```
#224d5a rgb(34,77,90)
```

Complementary Color

#5a2231
```
#5a2231 rgb(90,34,49)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#5a4b22
```
#5a4b22 rgb(90,75,34)
```

Analogous Color

#22315a
```
#22315a rgb(34,49,90)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#225a4b
```
#225a4b rgb(34,90,75)
```

Split Complementary Color

#2f225a
```
#2f225a rgb(47,34,90)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#225a2f
```
#225a2f rgb(34,90,47)
```

Triadic Color

#5a224d
```
#5a224d rgb(90,34,77)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#225a2f
```
#225a2f rgb(34,90,47)
```
#224d5a
```
#224d5a rgb(34,77,90)
```

Tetradic Color

#22120d
```
#22120d rgb(34,18,13)
```
#351c14
```
#351c14 rgb(53,28,20)
```
#47251b
```
#47251b rgb(71,37,27)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#6d3929
```
#6d3929 rgb(109,57,41)
```
#7f4230
```
#7f4230 rgb(127,66,48)
```
#924c37
```
#924c37 rgb(146,76,55)
```

Monochromatic Color

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

#5a2223
```
#5a2223 rgb(90,34,35)
```
#5a2622
```
#5a2622 rgb(90,38,34)
```
#5a2a22
```
#5a2a22 rgb(90,42,34)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#5a3422
```
#5a3422 rgb(90,52,34)
```
#5a3822
```
#5a3822 rgb(90,56,34)
```
#5a3d22
```
#5a3d22 rgb(90,61,34)
```

Similar Colors

Text with hexadecimal color #5a2f22

This text has a font color of #5a2f22.

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

#5a2f22 background color

This paragraph has a background color of #5a2f22.

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

#5a2f22 border color

This element has a border color of #5a2f22.

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

CSS codes

.text {color:#5a2f22;}

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

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

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 #fbf7f5 is the lightest one.

#050202
```
#050202 rgb(5,2,2)
```
#130a07
```
#130a07 rgb(19,10,7)
```
#21110c
```
#21110c rgb(33,17,12)
```
#2f1912
```
#2f1912 rgb(47,25,18)
```
#3e2017
```
#3e2017 rgb(62,32,23)
```
#4c281d
```
#4c281d rgb(76,40,29)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#683627
```
#683627 rgb(104,54,39)
```
#763e2d
```
#763e2d rgb(118,62,45)
```
#854532
```
#854532 rgb(133,69,50)
```
#934d38
```
#934d38 rgb(147,77,56)
```
#a1543d
```
#a1543d rgb(161,84,61)
```
#af5c42
```
#af5c42 rgb(175,92,66)
```

Shade Color Variation

#bb654a
```
#bb654a rgb(187,101,74)
```
#c07159
```
#c07159 rgb(192,113,89)
```
#c67d67
```
#c67d67 rgb(198,125,103)
```
#cb8975
```
#cb8975 rgb(203,137,117)
```
#d09583
```
#d09583 rgb(208,149,131)
```
#d6a192
```
#d6a192 rgb(214,161,146)
```
#dbaea0
```
#dbaea0 rgb(219,174,160)
```
#e0baae
```
#e0baae rgb(224,186,174)
```
#e6c6bc
```
#e6c6bc rgb(230,198,188)
```
#ebd2cb
```
#ebd2cb rgb(235,210,203)
```
#f1ded9
```
#f1ded9 rgb(241,222,217)
```
#f6ebe7
```
#f6ebe7 rgb(246,235,231)
```
#fbf7f5
```
#fbf7f5 rgb(251,247,245)
```

Tint Color Variation

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

#423c3a
```
#423c3a rgb(66,60,58)
```
#473935
```
#473935 rgb(71,57,53)
```
#4c3730
```
#4c3730 rgb(76,55,48)
```
#50342c
```
#50342c rgb(80,52,44)
```
#553227
```
#553227 rgb(85,50,39)
```
#5a2f22
```
#5a2f22 rgb(90,47,34)
```
#5f2c1d
```
#5f2c1d rgb(95,44,29)
```
#642a18
```
#642a18 rgb(100,42,24)
```
#682714
```
#682714 rgb(104,39,20)
```
#6d250f
```
#6d250f rgb(109,37,15)
```
#72220a
```
#72220a rgb(114,34,10)
```
#772005
```
#772005 rgb(119,32,5)
```
#7b1d01
```
#7b1d01 rgb(123,29,1)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#403835 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4431 Protanopia 1% of men
#52412b Deuteranopia 1% of men
#63373b Tritanopia 0.001% of the population

Trichromacy

#4f3c2b Protanomaly 1% of men, 0.01% of women
#553b27 Deuteranomaly 6% of men, 0.4% of women
#603432 Tritanomaly 0.01% of the population

#5a2f22 hex color

#5a2f22 Color Information

#5a2f22 Color Conversion

Color Schemes with #5a2f22

Alternatives to #5a2f22

#5a2f22 Preview

Shades and Tints of #5a2f22

Tones of #5a2f22

Color Blindness Simulator