#a45f28 hex color

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

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

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

The hexadecimal color #a45f28 has RGB values of R:164, G:95, B:40 and CMYK values of C:0, M:0.42, Y:0.76, K:0.36. Its decimal value is 10772264.

Hex triplet	a45f28	`#a45f28`
RGB Decimal	164, 95, 40	`rgb(164,95,40)`
RGB Percent	64.3, 37.3, 15.7	`rgb(64.3%,37.3%,15.7%)`
CMYK	0, 42, 76, 36
HSL	26.6°, 60.8, 40	`hsl(26.6,60.8%,40%)`
HSV (or HSB)	26.6°, 75.6, 64.3
Web Safe	996633	`#996633`

CIE-LAB	47.277, 23.583, 42.071
XYZ	19.786, 16.232, 4.098
xyY	0.493, 0.405, 16.232
CIE-LCH	47.277, 48.23, 60.727
CIE-LUV	47.277, 54.927, 37.989
Hunter-Lab	40.289, 17.156, 22.171
Binary	10100100, 01011111, 00101000

#a45f28
```
#a45f28 rgb(164,95,40)
```
#286da4
```
#286da4 rgb(40,109,164)
```

Complementary Color

#a4282f
```
#a4282f rgb(164,40,47)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#a49d28
```
#a49d28 rgb(164,157,40)
```

Analogous Color

#282fa4
```
#282fa4 rgb(40,47,164)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#28a49d
```
#28a49d rgb(40,164,157)
```

Split Complementary Color

#5f28a4
```
#5f28a4 rgb(95,40,164)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#28a45f
```
#28a45f rgb(40,164,95)
```

Triadic Color

#a4286d
```
#a4286d rgb(164,40,109)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#28a45f
```
#28a45f rgb(40,164,95)
```
#286da4
```
#286da4 rgb(40,109,164)
```

Tetradic Color

#673b19
```
#673b19 rgb(103,59,25)
```
#7b471e
```
#7b471e rgb(123,71,30)
```
#905323
```
#905323 rgb(144,83,35)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#b96b2d
```
#b96b2d rgb(185,107,45)
```
#cd7732
```
#cd7732 rgb(205,119,50)
```
#d28447
```
#d28447 rgb(210,132,71)
```

Monochromatic Color

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

#a44028
```
#a44028 rgb(164,64,40)
```
#a44a28
```
#a44a28 rgb(164,74,40)
```
#a45528
```
#a45528 rgb(164,85,40)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#a46928
```
#a46928 rgb(164,105,40)
```
#a47428
```
#a47428 rgb(164,116,40)
```
#a47e28
```
#a47e28 rgb(164,126,40)
```

Similar Colors

Text with hexadecimal color #a45f28

This text has a font color of #a45f28.

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

#a45f28 background color

This paragraph has a background color of #a45f28.

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

#a45f28 border color

This element has a border color of #a45f28.

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

CSS codes

.text {color:#a45f28;}

.background {background-color:#a45f28;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#160d05
```
#160d05 rgb(22,13,5)
```
#261609
```
#261609 rgb(38,22,9)
```
#361f0d
```
#361f0d rgb(54,31,13)
```
#452811
```
#452811 rgb(69,40,17)
```
#553115
```
#553115 rgb(85,49,21)
```
#653a19
```
#653a19 rgb(101,58,25)
```
#75441c
```
#75441c rgb(117,68,28)
```
#844d20
```
#844d20 rgb(132,77,32)
```
#945624
```
#945624 rgb(148,86,36)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#c47130
```
#c47130 rgb(196,113,48)
```

Shade Color Variation

#cf7b38
```
#cf7b38 rgb(207,123,56)
```
#d28548
```
#d28548 rgb(210,133,72)
```
#d69058
```
#d69058 rgb(214,144,88)
```
#da9a68
```
#da9a68 rgb(218,154,104)
```
#dea577
```
#dea577 rgb(222,165,119)
```
#e2af87
```
#e2af87 rgb(226,175,135)
```
#e6ba97
```
#e6ba97 rgb(230,186,151)
```
#e9c4a7
```
#e9c4a7 rgb(233,196,167)
```
#edcfb6
```
#edcfb6 rgb(237,207,182)
```
#f1d9c6
```
#f1d9c6 rgb(241,217,198)
```
#f5e4d6
```
#f5e4d6 rgb(245,228,214)
```
#f9eee6
```
#f9eee6 rgb(249,238,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#6d655f
```
#6d655f rgb(109,101,95)
```
#756457
```
#756457 rgb(117,100,87)
```
#7d634f
```
#7d634f rgb(125,99,79)
```
#856347
```
#856347 rgb(133,99,71)
```
#8c6240
```
#8c6240 rgb(140,98,64)
```
#946138
```
#946138 rgb(148,97,56)
```
#9c6030
```
#9c6030 rgb(156,96,48)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#ac5e20
```
#ac5e20 rgb(172,94,32)
```
#b45d18
```
#b45d18 rgb(180,93,24)
```
#bc5c10
```
#bc5c10 rgb(188,92,16)
```
#c35b09
```
#c35b09 rgb(195,91,9)
```
#cb5b01
```
#cb5b01 rgb(203,91,1)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#786a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#847737 Protanopia 1% of men
#93722f Deuteranopia 1% of men
#ab6168 Tritanopia 0.001% of the population

Trichromacy

#8f6e32 Protanomaly 1% of men, 0.01% of women
#996b2c Deuteranomaly 6% of men, 0.4% of women
#a96050 Tritanomaly 0.01% of the population

#a45f28 hex color

#a45f28 Color Information

#a45f28 Color Conversion

Color Schemes with #a45f28

Alternatives to #a45f28

#a45f28 Preview

Shades and Tints of #a45f28

Tones of #a45f28

Color Blindness Simulator