#a55a28 hex color

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

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

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

The hexadecimal color #a55a28 has RGB values of R:165, G:90, B:40 and CMYK values of C:0, M:0.45, Y:0.76, K:0.35. Its decimal value is 10836520.

Hex triplet	a55a28	`#a55a28`
RGB Decimal	165, 90, 40	`rgb(165,90,40)`
RGB Percent	64.7, 35.3, 15.7	`rgb(64.7%,35.3%,15.7%)`
CMYK	0, 45, 76, 35
HSL	24°, 61, 40.2	`hsl(24,61%,40.2%)`
HSV (or HSB)	24°, 75.8, 64.7
Web Safe	996633	`#996633`

CIE-LAB	46.267, 26.791, 41.077
XYZ	19.557, 15.467, 3.963
xyY	0.502, 0.397, 15.467
CIE-LCH	46.267, 49.042, 56.887
CIE-LUV	46.267, 59.607, 36.116
Hunter-Lab	39.327, 19.942, 21.555
Binary	10100101, 01011010, 00101000

#a55a28
```
#a55a28 rgb(165,90,40)
```
#2873a5
```
#2873a5 rgb(40,115,165)
```

Complementary Color

#a52835
```
#a52835 rgb(165,40,53)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#a59928
```
#a59928 rgb(165,153,40)
```

Analogous Color

#2835a5
```
#2835a5 rgb(40,53,165)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#28a599
```
#28a599 rgb(40,165,153)
```

Split Complementary Color

#5a28a5
```
#5a28a5 rgb(90,40,165)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#28a55a
```
#28a55a rgb(40,165,90)
```

Triadic Color

#a52873
```
#a52873 rgb(165,40,115)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#28a55a
```
#28a55a rgb(40,165,90)
```
#2873a5
```
#2873a5 rgb(40,115,165)
```

Tetradic Color

#673819
```
#673819 rgb(103,56,25)
```
#7c441e
```
#7c441e rgb(124,68,30)
```
#904f23
```
#904f23 rgb(144,79,35)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#ba652d
```
#ba652d rgb(186,101,45)
```
#cd7133
```
#cd7133 rgb(205,113,51)
```
#d27f47
```
#d27f47 rgb(210,127,71)
```

Monochromatic Color

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

#a53b28
```
#a53b28 rgb(165,59,40)
```
#a54528
```
#a54528 rgb(165,69,40)
```
#a55028
```
#a55028 rgb(165,80,40)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#a56428
```
#a56428 rgb(165,100,40)
```
#a56f28
```
#a56f28 rgb(165,111,40)
```
#a57928
```
#a57928 rgb(165,121,40)
```

Similar Colors

Text with hexadecimal color #a55a28

This text has a font color of #a55a28.

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

#a55a28 background color

This paragraph has a background color of #a55a28.

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

#a55a28 border color

This element has a border color of #a55a28.

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

CSS codes

.text {color:#a55a28;}

.background {background-color:#a55a28;}

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

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)
```
#170c06
```
#170c06 rgb(23,12,6)
```
#271509
```
#271509 rgb(39,21,9)
```
#361e0d
```
#361e0d rgb(54,30,13)
```
#462611
```
#462611 rgb(70,38,17)
```
#562f15
```
#562f15 rgb(86,47,21)
```
#663819
```
#663819 rgb(102,56,25)
```
#76401d
```
#76401d rgb(118,64,29)
```
#854920
```
#854920 rgb(133,73,32)
```
#955124
```
#955124 rgb(149,81,36)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#b5632c
```
#b5632c rgb(181,99,44)
```
#c56b30
```
#c56b30 rgb(197,107,48)
```

Shade Color Variation

#cf7539
```
#cf7539 rgb(207,117,57)
```
#d38049
```
#d38049 rgb(211,128,73)
```
#d78b58
```
#d78b58 rgb(215,139,88)
```
#da9668
```
#da9668 rgb(218,150,104)
```
#dea178
```
#dea178 rgb(222,161,120)
```
#e2ac88
```
#e2ac88 rgb(226,172,136)
```
#e6b798
```
#e6b798 rgb(230,183,152)
```
#eac2a7
```
#eac2a7 rgb(234,194,167)
```
#eecdb7
```
#eecdb7 rgb(238,205,183)
```
#f1d8c7
```
#f1d8c7 rgb(241,216,199)
```
#f5e3d7
```
#f5e3d7 rgb(245,227,215)
```
#f9eee7
```
#f9eee7 rgb(249,238,231)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#6e655f
```
#6e655f rgb(110,101,95)
```
#766357
```
#766357 rgb(118,99,87)
```
#7e624f
```
#7e624f rgb(126,98,79)
```
#856048
```
#856048 rgb(133,96,72)
```
#8d5f40
```
#8d5f40 rgb(141,95,64)
```
#955d38
```
#955d38 rgb(149,93,56)
```
#9d5c30
```
#9d5c30 rgb(157,92,48)
```
#a55a28
```
#a55a28 rgb(165,90,40)
```
#ad5820
```
#ad5820 rgb(173,88,32)
```
#b55718
```
#b55718 rgb(181,87,24)
```
#bd5510
```
#bd5510 rgb(189,85,16)
```
#c55408
```
#c55408 rgb(197,84,8)
```
#cc5201
```
#cc5201 rgb(204,82,1)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#77685e Atypical Achromatopsia 0.001% of the population

Dichromacy

#817538 Protanopia 1% of men
#906f2e Deuteranopia 1% of men
#ac5d63 Tritanopia 0.001% of the population

Trichromacy

#8e6b32 Protanomaly 1% of men, 0.01% of women
#98672c Deuteranomaly 6% of men, 0.4% of women
#a95c4d Tritanomaly 0.01% of the population

#a55a28 hex color

#a55a28 Color Information

#a55a28 Color Conversion

Color Schemes with #a55a28

Alternatives to #a55a28

#a55a28 Preview

Shades and Tints of #a55a28

Tones of #a55a28

Color Blindness Simulator