#a45628 hex color

In a RGB color space, hex #a45628 is composed of 64.3% red, 33.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 75.6% yellow and 35.7% black. It has a hue angle of 22.3 degrees, a saturation of 60.8% and a lightness of 40%. #a45628 color hex could be obtained by blending #ffac50 with #490000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 34
- B 16
RGB color chart
- C 0
- M 48
- Y 76
- K 36
CMYK color chart

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

The hexadecimal color #a45628 has RGB values of R:164, G:86, B:40 and CMYK values of C:0, M:0.48, Y:0.76, K:0.36. Its decimal value is 10769960.

Hex triplet	a45628	`#a45628`
RGB Decimal	164, 86, 40	`rgb(164,86,40)`
RGB Percent	64.3, 33.7, 15.7	`rgb(64.3%,33.7%,15.7%)`
CMYK	0, 48, 76, 36
HSL	22.3°, 60.8, 40	`hsl(22.3,60.8%,40%)`
HSV (or HSB)	22.3°, 75.6, 64.3
Web Safe	996633	`#996633`

CIE-LAB	45.225, 28.563, 39.952
XYZ	19.021, 14.703, 3.844
xyY	0.506, 0.391, 14.703
CIE-LCH	45.225, 49.112, 54.437
CIE-LUV	45.225, 61.832, 34.487
Hunter-Lab	38.344, 21.445, 20.898
Binary	10100100, 01010110, 00101000

#a45628
```
#a45628 rgb(164,86,40)
```
#2876a4
```
#2876a4 rgb(40,118,164)
```

Complementary Color

#a42838
```
#a42838 rgb(164,40,56)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#a49428
```
#a49428 rgb(164,148,40)
```

Analogous Color

#2838a4
```
#2838a4 rgb(40,56,164)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#28a494
```
#28a494 rgb(40,164,148)
```

Split Complementary Color

#5628a4
```
#5628a4 rgb(86,40,164)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#28a456
```
#28a456 rgb(40,164,86)
```

Triadic Color

#a42876
```
#a42876 rgb(164,40,118)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#28a456
```
#28a456 rgb(40,164,86)
```
#2876a4
```
#2876a4 rgb(40,118,164)
```

Tetradic Color

#673619
```
#673619 rgb(103,54,25)
```
#7b411e
```
#7b411e rgb(123,65,30)
```
#904b23
```
#904b23 rgb(144,75,35)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#b9612d
```
#b9612d rgb(185,97,45)
```
#cd6c32
```
#cd6c32 rgb(205,108,50)
```
#d27a47
```
#d27a47 rgb(210,122,71)
```

Monochromatic Color

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

#a43728
```
#a43728 rgb(164,55,40)
```
#a44128
```
#a44128 rgb(164,65,40)
```
#a44c28
```
#a44c28 rgb(164,76,40)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#a46028
```
#a46028 rgb(164,96,40)
```
#a46b28
```
#a46b28 rgb(164,107,40)
```
#a47528
```
#a47528 rgb(164,117,40)
```

Similar Colors

Text with hexadecimal color #a45628

This text has a font color of #a45628.

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

#a45628 background color

This paragraph has a background color of #a45628.

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

#a45628 border color

This element has a border color of #a45628.

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

CSS codes

.text {color:#a45628;}

.background {background-color:#a45628;}

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

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

#060302
```
#060302 rgb(6,3,2)
```
#160c05
```
#160c05 rgb(22,12,5)
```
#261409
```
#261409 rgb(38,20,9)
```
#361c0d
```
#361c0d rgb(54,28,13)
```
#452411
```
#452411 rgb(69,36,17)
```
#552d15
```
#552d15 rgb(85,45,21)
```
#653519
```
#653519 rgb(101,53,25)
```
#753d1c
```
#753d1c rgb(117,61,28)
```
#844520
```
#844520 rgb(132,69,32)
```
#944e24
```
#944e24 rgb(148,78,36)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#b45e2c
```
#b45e2c rgb(180,94,44)
```
#c46730
```
#c46730 rgb(196,103,48)
```

Shade Color Variation

#cf7038
```
#cf7038 rgb(207,112,56)
```
#d27b48
```
#d27b48 rgb(210,123,72)
```
#d68758
```
#d68758 rgb(214,135,88)
```
#da9268
```
#da9268 rgb(218,146,104)
```
#de9d77
```
#de9d77 rgb(222,157,119)
```
#e2a987
```
#e2a987 rgb(226,169,135)
```
#e6b497
```
#e6b497 rgb(230,180,151)
```
#e9bfa7
```
#e9bfa7 rgb(233,191,167)
```
#edcbb6
```
#edcbb6 rgb(237,203,182)
```
#f1d6c6
```
#f1d6c6 rgb(241,214,198)
```
#f5e2d6
```
#f5e2d6 rgb(245,226,214)
```
#f9ede6
```
#f9ede6 rgb(249,237,230)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#6d645f
```
#6d645f rgb(109,100,95)
```
#756257
```
#756257 rgb(117,98,87)
```
#7d604f
```
#7d604f rgb(125,96,79)
```
#855e47
```
#855e47 rgb(133,94,71)
```
#8c5c40
```
#8c5c40 rgb(140,92,64)
```
#945a38
```
#945a38 rgb(148,90,56)
```
#9c5830
```
#9c5830 rgb(156,88,48)
```
#a45628
```
#a45628 rgb(164,86,40)
```
#ac5420
```
#ac5420 rgb(172,84,32)
```
#b45218
```
#b45218 rgb(180,82,24)
```
#bc5010
```
#bc5010 rgb(188,80,16)
```
#c34e09
```
#c34e09 rgb(195,78,9)
```
#cb4c01
```
#cb4c01 rgb(203,76,1)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#74645b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7238 Protanopia 1% of men
#8d6d2e Deuteranopia 1% of men
#ab595f Tritanopia 0.001% of the population

Trichromacy

#8c6832 Protanomaly 1% of men, 0.01% of women
#95642c Deuteranomaly 6% of men, 0.4% of women
#a8584b Tritanomaly 0.01% of the population

#a45628 hex color

#a45628 Color Information

#a45628 Color Conversion

Color Schemes with #a45628

Alternatives to #a45628

#a45628 Preview

Shades and Tints of #a45628

Tones of #a45628

Color Blindness Simulator