#a58348 hex color

In a RGB color space, hex #a58348 is composed of 64.7% red, 51.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 56.4% yellow and 35.3% black. It has a hue angle of 38.1 degrees, a saturation of 39.2% and a lightness of 46.5%. #a58348 color hex could be obtained by blending #ffff90 with #4b0700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 65
- G 51
- B 28
RGB color chart
- C 0
- M 21
- Y 56
- K 35
CMYK color chart

● #a58348 color description : Dark moderate orange.

The hexadecimal color #a58348 has RGB values of R:165, G:131, B:72 and CMYK values of C:0, M:0.21, Y:0.56, K:0.35. Its decimal value is 10847048.

Hex triplet	a58348	`#a58348`
RGB Decimal	165, 131, 72	`rgb(165,131,72)`
RGB Percent	64.7, 51.4, 28.2	`rgb(64.7%,51.4%,28.2%)`
CMYK	0, 21, 56, 35
HSL	38.1°, 39.2, 46.5	`hsl(38.1,39.2%,46.5%)`
HSV (or HSB)	38.1°, 56.4, 64.7
Web Safe	999933	`#999933`

CIE-LAB	56.783, 5.798, 36.497
XYZ	24.803, 24.701, 9.592
xyY	0.42, 0.418, 24.701
CIE-LCH	56.783, 36.955, 80.974
CIE-LUV	56.783, 26.65, 41.235
Hunter-Lab	49.7, 2.107, 23.347
Binary	10100101, 10000011, 01001000

#a58348
```
#a58348 rgb(165,131,72)
```
#486aa5
```
#486aa5 rgb(72,106,165)
```

Complementary Color

#a55448
```
#a55448 rgb(165,84,72)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#99a548
```
#99a548 rgb(153,165,72)
```

Analogous Color

#5548a5
```
#5548a5 rgb(85,72,165)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#4899a5
```
#4899a5 rgb(72,153,165)
```

Split Complementary Color

#8348a5
```
#8348a5 rgb(131,72,165)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#48a583
```
#48a583 rgb(72,165,131)
```

Triadic Color

#a5486a
```
#a5486a rgb(165,72,106)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#48a583
```
#48a583 rgb(72,165,131)
```
#486aa5
```
#486aa5 rgb(72,106,165)
```

Tetradic Color

#705931
```
#705931 rgb(112,89,49)
```
#816739
```
#816739 rgb(129,103,57)
```
#937540
```
#937540 rgb(147,117,64)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#b49053
```
#b49053 rgb(180,144,83)
```
#bc9c64
```
#bc9c64 rgb(188,156,100)
```
#c3a776
```
#c3a776 rgb(195,167,118)
```

Monochromatic Color

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

#a56c48
```
#a56c48 rgb(165,108,72)
```
#a57448
```
#a57448 rgb(165,116,72)
```
#a57b48
```
#a57b48 rgb(165,123,72)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#a58b48
```
#a58b48 rgb(165,139,72)
```
#a59348
```
#a59348 rgb(165,147,72)
```
#a59a48
```
#a59a48 rgb(165,154,72)
```

Similar Colors

Text with hexadecimal color #a58348

This text has a font color of #a58348.

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

#a58348 background color

This paragraph has a background color of #a58348.

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

#a58348 border color

This element has a border color of #a58348.

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

CSS codes

.text {color:#a58348;}

.background {background-color:#a58348;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1c170c
```
#1c170c rgb(28,23,12)
```
#2a2112
```
#2a2112 rgb(42,33,18)
```
#382c18
```
#382c18 rgb(56,44,24)
```
#45371e
```
#45371e rgb(69,55,30)
```
#534224
```
#534224 rgb(83,66,36)
```
#614d2a
```
#614d2a rgb(97,77,42)
```
#6e5830
```
#6e5830 rgb(110,88,48)
```
#7c6236
```
#7c6236 rgb(124,98,54)
```
#8a6d3c
```
#8a6d3c rgb(138,109,60)
```
#977842
```
#977842 rgb(151,120,66)
```
#a58348
```
#a58348 rgb(165,131,72)
```

Shade Color Variation

#b28e4f
```
#b28e4f rgb(178,142,79)
```
#b8965c
```
#b8965c rgb(184,150,92)
```
#be9f6a
```
#be9f6a rgb(190,159,106)
```
#c4a878
```
#c4a878 rgb(196,168,120)
```
#cab185
```
#cab185 rgb(202,177,133)
```
#d0ba93
```
#d0ba93 rgb(208,186,147)
```
#d6c2a1
```
#d6c2a1 rgb(214,194,161)
```
#dccbae
```
#dccbae rgb(220,203,174)
```
#e2d4bc
```
#e2d4bc rgb(226,212,188)
```
#e8ddc9
```
#e8ddc9 rgb(232,221,201)
```
#eee5d7
```
#eee5d7 rgb(238,229,215)
```
#f4eee5
```
#f4eee5 rgb(244,238,229)
```
#faf7f2
```
#faf7f2 rgb(250,247,242)
```

Tint Color Variation

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

#777776
```
#777776 rgb(119,119,118)
```
#81796c
```
#81796c rgb(129,121,108)
```
#8a7c63
```
#8a7c63 rgb(138,124,99)
```
#937e5a
```
#937e5a rgb(147,126,90)
```
#9c8151
```
#9c8151 rgb(156,129,81)
```
#a58348
```
#a58348 rgb(165,131,72)
```
#ae853f
```
#ae853f rgb(174,133,63)
```
#b78836
```
#b78836 rgb(183,136,54)
```
#c08a2d
```
#c08a2d rgb(192,138,45)
```
#c98d24
```
#c98d24 rgb(201,141,36)
```
#d38f1a
```
#d38f1a rgb(211,143,26)
```
#dc9211
```
#dc9211 rgb(220,146,17)
```
#e59408
```
#e59408 rgb(229,148,8)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8c857a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8e53 Protanopia 1% of men
#ac8851 Deuteranopia 1% of men
#af828b Tritanopia 0.001% of the population

Trichromacy

#9f8a4f Protanomaly 1% of men, 0.01% of women
#a9864e Deuteranomaly 6% of men, 0.4% of women
#ab8273 Tritanomaly 0.01% of the population

#a58348 hex color

#a58348 Color Information

#a58348 Color Conversion

Color Schemes with #a58348

Alternatives to #a58348

#a58348 Preview

Shades and Tints of #a58348

Tones of #a58348

Color Blindness Simulator