#a55228 hex color

In a RGB color space, hex #a55228 is composed of 64.7% red, 32.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 75.8% yellow and 35.3% black. It has a hue angle of 20.2 degrees, a saturation of 61% and a lightness of 40.2%. #a55228 color hex could be obtained by blending #ffa450 with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 32
- B 16
RGB color chart
- C 0
- M 50
- Y 76
- K 35
CMYK color chart

● #a55228 color description : Dark orange [Brown tone].

The hexadecimal color #a55228 has RGB values of R:165, G:82, B:40 and CMYK values of C:0, M:0.5, Y:0.76, K:0.35. Its decimal value is 10834472.

Hex triplet	a55228	`#a55228`
RGB Decimal	165, 82, 40	`rgb(165,82,40)`
RGB Percent	64.7, 32.2, 15.7	`rgb(64.7%,32.2%,15.7%)`
CMYK	0, 50, 76, 35
HSL	20.2°, 61, 40.2	`hsl(20.2,61%,40.2%)`
HSV (or HSB)	20.2°, 75.8, 64.7
Web Safe	996633	`#996633`

CIE-LAB	44.503, 31.146, 39.245
XYZ	18.918, 14.189, 3.75
xyY	0.513, 0.385, 14.189
CIE-LCH	44.503, 50.102, 51.564
CIE-LUV	44.503, 65.702, 33.078
Hunter-Lab	37.668, 23.729, 20.465
Binary	10100101, 01010010, 00101000

#a55228
```
#a55228 rgb(165,82,40)
```
#287ba5
```
#287ba5 rgb(40,123,165)
```

Complementary Color

#a5283d
```
#a5283d rgb(165,40,61)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#a59128
```
#a59128 rgb(165,145,40)
```

Analogous Color

#283da5
```
#283da5 rgb(40,61,165)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#28a591
```
#28a591 rgb(40,165,145)
```

Split Complementary Color

#5228a5
```
#5228a5 rgb(82,40,165)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#28a552
```
#28a552 rgb(40,165,82)
```

Triadic Color

#a5287b
```
#a5287b rgb(165,40,123)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#28a552
```
#28a552 rgb(40,165,82)
```
#287ba5
```
#287ba5 rgb(40,123,165)
```

Tetradic Color

#673319
```
#673319 rgb(103,51,25)
```
#7c3e1e
```
#7c3e1e rgb(124,62,30)
```
#904823
```
#904823 rgb(144,72,35)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#ba5c2d
```
#ba5c2d rgb(186,92,45)
```
#cd6733
```
#cd6733 rgb(205,103,51)
```
#d27647
```
#d27647 rgb(210,118,71)
```

Monochromatic Color

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

#a53328
```
#a53328 rgb(165,51,40)
```
#a53d28
```
#a53d28 rgb(165,61,40)
```
#a54828
```
#a54828 rgb(165,72,40)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#a55c28
```
#a55c28 rgb(165,92,40)
```
#a56728
```
#a56728 rgb(165,103,40)
```
#a57128
```
#a57128 rgb(165,113,40)
```

Similar Colors

Text with hexadecimal color #a55228

This text has a font color of #a55228.

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

#a55228 background color

This paragraph has a background color of #a55228.

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

#a55228 border color

This element has a border color of #a55228.

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

CSS codes

.text {color:#a55228;}

.background {background-color:#a55228;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#170b06
```
#170b06 rgb(23,11,6)
```
#271309
```
#271309 rgb(39,19,9)
```
#361b0d
```
#361b0d rgb(54,27,13)
```
#462311
```
#462311 rgb(70,35,17)
```
#562b15
```
#562b15 rgb(86,43,21)
```
#663319
```
#663319 rgb(102,51,25)
```
#763a1d
```
#763a1d rgb(118,58,29)
```
#854220
```
#854220 rgb(133,66,32)
```
#954a24
```
#954a24 rgb(149,74,36)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#b55a2c
```
#b55a2c rgb(181,90,44)
```
#c56230
```
#c56230 rgb(197,98,48)
```

Shade Color Variation

#cf6b39
```
#cf6b39 rgb(207,107,57)
```
#d37749
```
#d37749 rgb(211,119,73)
```
#d78358
```
#d78358 rgb(215,131,88)
```
#da8f68
```
#da8f68 rgb(218,143,104)
```
#de9a78
```
#de9a78 rgb(222,154,120)
```
#e2a688
```
#e2a688 rgb(226,166,136)
```
#e6b298
```
#e6b298 rgb(230,178,152)
```
#eabea7
```
#eabea7 rgb(234,190,167)
```
#eec9b7
```
#eec9b7 rgb(238,201,183)
```
#f1d5c7
```
#f1d5c7 rgb(241,213,199)
```
#f5e1d7
```
#f5e1d7 rgb(245,225,215)
```
#f9ede7
```
#f9ede7 rgb(249,237,231)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#6e645f
```
#6e645f rgb(110,100,95)
```
#766257
```
#766257 rgb(118,98,87)
```
#7e5f4f
```
#7e5f4f rgb(126,95,79)
```
#855c48
```
#855c48 rgb(133,92,72)
```
#8d5a40
```
#8d5a40 rgb(141,90,64)
```
#955738
```
#955738 rgb(149,87,56)
```
#9d5530
```
#9d5530 rgb(157,85,48)
```
#a55228
```
#a55228 rgb(165,82,40)
```
#ad4f20
```
#ad4f20 rgb(173,79,32)
```
#b54d18
```
#b54d18 rgb(181,77,24)
```
#bd4a10
```
#bd4a10 rgb(189,74,16)
```
#c54808
```
#c54808 rgb(197,72,8)
```
#cc4501
```
#cc4501 rgb(204,69,1)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#73625a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7139 Protanopia 1% of men
#8b6b2d Deuteranopia 1% of men
#ab565b Tritanopia 0.001% of the population

Trichromacy

#8b6533 Protanomaly 1% of men, 0.01% of women
#94622b Deuteranomaly 6% of men, 0.4% of women
#a95448 Tritanomaly 0.01% of the population

#a55228 hex color

#a55228 Color Information

#a55228 Color Conversion

Color Schemes with #a55228

Alternatives to #a55228

#a55228 Preview

Shades and Tints of #a55228

Tones of #a55228

Color Blindness Simulator