#5a3223 hex color

In a RGB color space, hex #5a3223 is composed of 35.3% red, 19.6% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 61.1% yellow and 64.7% black. It has a hue angle of 16.4 degrees, a saturation of 44% and a lightness of 24.5%. #5a3223 color hex could be obtained by blending #b46446 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 35
- G 20
- B 14
RGB color chart
- C 0
- M 44
- Y 61
- K 65
CMYK color chart

● #5a3223 color description : Very dark orange [Brown tone].

The hexadecimal color #5a3223 has RGB values of R:90, G:50, B:35 and CMYK values of C:0, M:0.44, Y:0.61, K:0.65. Its decimal value is 5911075.

Hex triplet	5a3223	`#5a3223`
RGB Decimal	90, 50, 35	`rgb(90,50,35)`
RGB Percent	35.3, 19.6, 13.7	`rgb(35.3%,19.6%,13.7%)`
CMYK	0, 44, 61, 65
HSL	16.4°, 44, 24.5	`hsl(16.4,44%,24.5%)`
HSV (or HSB)	16.4°, 61.1, 35.3
Web Safe	663333	`#663333`

CIE-LAB	25.493, 16.41, 17.271
XYZ	5.661, 4.577, 2.175
xyY	0.456, 0.369, 4.577
CIE-LCH	25.493, 23.824, 46.464
CIE-LUV	25.493, 27.262, 13.658
Hunter-Lab	21.393, 9.793, 8.946
Binary	01011010, 00110010, 00100011

#5a3223
```
#5a3223 rgb(90,50,35)
```
#234b5a
```
#234b5a rgb(35,75,90)
```

Complementary Color

#5a2330
```
#5a2330 rgb(90,35,48)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#5a4e23
```
#5a4e23 rgb(90,78,35)
```

Analogous Color

#23305a
```
#23305a rgb(35,48,90)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#235a4e
```
#235a4e rgb(35,90,78)
```

Split Complementary Color

#32235a
```
#32235a rgb(50,35,90)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#235a32
```
#235a32 rgb(35,90,50)
```

Triadic Color

#5a234b
```
#5a234b rgb(90,35,75)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#235a32
```
#235a32 rgb(35,90,50)
```
#234b5a
```
#234b5a rgb(35,75,90)
```

Tetradic Color

#23130e
```
#23130e rgb(35,19,14)
```
#351e15
```
#351e15 rgb(53,30,21)
```
#48281c
```
#48281c rgb(72,40,28)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#6c3c2a
```
#6c3c2a rgb(108,60,42)
```
#7f4631
```
#7f4631 rgb(127,70,49)
```
#915138
```
#915138 rgb(145,81,56)
```

Monochromatic Color

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

#5a2423
```
#5a2423 rgb(90,36,35)
```
#5a2923
```
#5a2923 rgb(90,41,35)
```
#5a2d23
```
#5a2d23 rgb(90,45,35)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#5a3723
```
#5a3723 rgb(90,55,35)
```
#5a3b23
```
#5a3b23 rgb(90,59,35)
```
#5a4023
```
#5a4023 rgb(90,64,35)
```

Similar Colors

Text with hexadecimal color #5a3223

This text has a font color of #5a3223.

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

#5a3223 background color

This paragraph has a background color of #5a3223.

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

#5a3223 border color

This element has a border color of #5a3223.

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

CSS codes

.text {color:#5a3223;}

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

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

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

#050302
```
#050302 rgb(5,3,2)
```
#130b08
```
#130b08 rgb(19,11,8)
```
#22130d
```
#22130d rgb(34,19,13)
```
#301a13
```
#301a13 rgb(48,26,19)
```
#3e2218
```
#3e2218 rgb(62,34,24)
```
#4c2a1e
```
#4c2a1e rgb(76,42,30)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#683a28
```
#683a28 rgb(104,58,40)
```
#76422e
```
#76422e rgb(118,66,46)
```
#844a33
```
#844a33 rgb(132,74,51)
```
#925139
```
#925139 rgb(146,81,57)
```
#a1593e
```
#a1593e rgb(161,89,62)
```
#af6144
```
#af6144 rgb(175,97,68)
```

Shade Color Variation

#ba6a4d
```
#ba6a4d rgb(186,106,77)
```
#bf765b
```
#bf765b rgb(191,118,91)
```
#c58269
```
#c58269 rgb(197,130,105)
```
#ca8e77
```
#ca8e77 rgb(202,142,119)
```
#d09985
```
#d09985 rgb(208,153,133)
```
#d5a593
```
#d5a593 rgb(213,165,147)
```
#dbb1a1
```
#dbb1a1 rgb(219,177,161)
```
#e0bdb0
```
#e0bdb0 rgb(224,189,176)
```
#e6c9be
```
#e6c9be rgb(230,201,190)
```
#ebd4cc
```
#ebd4cc rgb(235,212,204)
```
#f1e0da
```
#f1e0da rgb(241,224,218)
```
#f6ece8
```
#f6ece8 rgb(246,236,232)
```
#fcf8f6
```
#fcf8f6 rgb(252,248,246)
```

Tint Color Variation

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

#423d3b
```
#423d3b rgb(66,61,59)
```
#473b36
```
#473b36 rgb(71,59,54)
```
#4c3931
```
#4c3931 rgb(76,57,49)
```
#50362d
```
#50362d rgb(80,54,45)
```
#553428
```
#553428 rgb(85,52,40)
```
#5a3223
```
#5a3223 rgb(90,50,35)
```
#5f301e
```
#5f301e rgb(95,48,30)
```
#642e19
```
#642e19 rgb(100,46,25)
```
#682b15
```
#682b15 rgb(104,43,21)
```
#6d2910
```
#6d2910 rgb(109,41,16)
```
#72270b
```
#72270b rgb(114,39,11)
```
#772506
```
#772506 rgb(119,37,6)
```
#7c2301
```
#7c2301 rgb(124,35,1)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#423a37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4632 Protanopia 1% of men
#54432c Deuteranopia 1% of men
#633a3e Tritanopia 0.001% of the population

Trichromacy

#513f2c Protanomaly 1% of men, 0.01% of women
#563d29 Deuteranomaly 6% of men, 0.4% of women
#603734 Tritanomaly 0.01% of the population

#5a3223 hex color

#5a3223 Color Information

#5a3223 Color Conversion

Color Schemes with #5a3223

Alternatives to #5a3223

#5a3223 Preview

Shades and Tints of #5a3223

Tones of #5a3223

Color Blindness Simulator