#a45400 hex color

In a RGB color space, hex #a45400 is composed of 64.3% red, 32.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 100% yellow and 35.7% black. It has a hue angle of 30.7 degrees, a saturation of 100% and a lightness of 32.2%. #a45400 color hex could be obtained by blending #ffa800 with #490000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 33
- B 0
RGB color chart
- C 0
- M 49
- Y 100
- K 36
CMYK color chart

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

The hexadecimal color #a45400 has RGB values of R:164, G:84, B:0 and CMYK values of C:0, M:0.49, Y:1, K:0.36. Its decimal value is 10769408.

Hex triplet	a45400	`#a45400`
RGB Decimal	164, 84, 0	`rgb(164,84,0)`
RGB Percent	64.3, 32.9, 0	`rgb(64.3%,32.9%,0%)`
CMYK	0, 49, 100, 36
HSL	30.7°, 100, 32.2	`hsl(30.7,100%,32.2%)`
HSV (or HSB)	30.7°, 100, 64.3
Web Safe	996600	`#996600`

CIE-LAB	44.568, 28.598, 53.721
XYZ	18.481, 14.235, 1.774
xyY	0.536, 0.413, 14.235
CIE-LCH	44.568, 60.859, 61.972
CIE-LUV	44.568, 65.843, 41.416
Hunter-Lab	37.729, 21.409, 23.622
Binary	10100100, 01010100, 00000000

#a45400
```
#a45400 rgb(164,84,0)
```
#0050a4
```
#0050a4 rgb(0,80,164)
```

Complementary Color

#a40200
```
#a40200 rgb(164,2,0)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#a2a400
```
#a2a400 rgb(162,164,0)
```

Analogous Color

#0200a4
```
#0200a4 rgb(2,0,164)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#00a2a4
```
#00a2a4 rgb(0,162,164)
```

Split Complementary Color

#5400a4
```
#5400a4 rgb(84,0,164)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#00a454
```
#00a454 rgb(0,164,84)
```

Triadic Color

#a40050
```
#a40050 rgb(164,0,80)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#00a454
```
#00a454 rgb(0,164,84)
```
#0050a4
```
#0050a4 rgb(0,80,164)
```

Tetradic Color

#582d00
```
#582d00 rgb(88,45,0)
```
#713a00
```
#713a00 rgb(113,58,0)
```
#8b4700
```
#8b4700 rgb(139,71,0)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#be6100
```
#be6100 rgb(190,97,0)
```
#d76e00
```
#d76e00 rgb(215,110,0)
```
#f17b00
```
#f17b00 rgb(241,123,0)
```

Monochromatic Color

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

#a42b00
```
#a42b00 rgb(164,43,0)
```
#a43900
```
#a43900 rgb(164,57,0)
```
#a44600
```
#a44600 rgb(164,70,0)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#a46200
```
#a46200 rgb(164,98,0)
```
#a46f00
```
#a46f00 rgb(164,111,0)
```
#a47d00
```
#a47d00 rgb(164,125,0)
```

Similar Colors

Text with hexadecimal color #a45400

This text has a font color of #a45400.

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

#a45400 background color

This paragraph has a background color of #a45400.

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

#a45400 border color

This element has a border color of #a45400.

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

CSS codes

.text {color:#a45400;}

.background {background-color:#a45400;}

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

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

#070400
```
#070400 rgb(7,4,0)
```
#1b0e00
```
#1b0e00 rgb(27,14,0)
```
#2e1800
```
#2e1800 rgb(46,24,0)
```
#422200
```
#422200 rgb(66,34,0)
```
#562c00
```
#562c00 rgb(86,44,0)
```
#693600
```
#693600 rgb(105,54,0)
```
#7d4000
```
#7d4000 rgb(125,64,0)
```
#904a00
```
#904a00 rgb(144,74,0)
```
#a45400
```
#a45400 rgb(164,84,0)
```
#b85e00
```
#b85e00 rgb(184,94,0)
```
#cb6800
```
#cb6800 rgb(203,104,0)
```
#df7200
```
#df7200 rgb(223,114,0)
```
#f27c00
```
#f27c00 rgb(242,124,0)
```

Shade Color Variation

#ff8607
```
#ff8607 rgb(255,134,7)
```
#ff901b
```
#ff901b rgb(255,144,27)
```
#ff992e
```
#ff992e rgb(255,153,46)
```
#ffa342
```
#ffa342 rgb(255,163,66)
```
#ffac56
```
#ffac56 rgb(255,172,86)
```
#ffb669
```
#ffb669 rgb(255,182,105)
```
#ffbf7d
```
#ffbf7d rgb(255,191,125)
```
#ffc990
```
#ffc990 rgb(255,201,144)
```
#ffd3a4
```
#ffd3a4 rgb(255,211,164)
```
#ffdcb8
```
#ffdcb8 rgb(255,220,184)
```
#ffe6cb
```
#ffe6cb rgb(255,230,203)
```
#ffefdf
```
#ffefdf rgb(255,239,223)
```
#fff9f2
```
#fff9f2 rgb(255,249,242)
```

Tint Color Variation

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

#58524c
```
#58524c rgb(88,82,76)
```
#5f5245
```
#5f5245 rgb(95,82,69)
```
#65523f
```
#65523f rgb(101,82,63)
```
#6b5339
```
#6b5339 rgb(107,83,57)
```
#725332
```
#725332 rgb(114,83,50)
```
#78532c
```
#78532c rgb(120,83,44)
```
#7e5326
```
#7e5326 rgb(126,83,38)
```
#845320
```
#845320 rgb(132,83,32)
```
#8b5319
```
#8b5319 rgb(139,83,25)
```
#915413
```
#915413 rgb(145,84,19)
```
#97540d
```
#97540d rgb(151,84,13)
```
#9e5406
```
#9e5406 rgb(158,84,6)
```
#a45400
```
#a45400 rgb(164,84,0)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#6f5f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7110 Protanopia 1% of men
#8d6b00 Deuteranopia 1% of men
#ab565c Tritanopia 0.001% of the population

Trichromacy

#8c660a Protanomaly 1% of men, 0.01% of women
#956300 Deuteranomaly 6% of men, 0.4% of women
#a8553a Tritanomaly 0.01% of the population

#a45400 hex color

#a45400 Color Information

#a45400 Color Conversion

Color Schemes with #a45400

Alternatives to #a45400

#a45400 Preview

Shades and Tints of #a45400

Tones of #a45400

Color Blindness Simulator