colorhexa.com

#d48a3e hex color

In a RGB color space, hex #d48a3e is composed of 83.1% red, 54.1% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 70.8% yellow and 16.9% black. It has a hue angle of 30.4 degrees, a saturation of 63.6% and a lightness of 53.7%. #d48a3e color hex could be obtained by blending #ffff7c with #a91500. Closest websafe color is: #cc9933.

- R 83
- G 54
- B 24
RGB color chart
- C 0
- M 35
- Y 71
- K 17
CMYK color chart

● #d48a3e color description : Moderate orange.

The hexadecimal color #d48a3e has RGB values of R:212, G:138, B:62 and CMYK values of C:0, M:0.35, Y:0.71, K:0.17. Its decimal value is 13929022.

Hex triplet	d48a3e	`#d48a3e`
RGB Decimal	212, 138, 62	`rgb(212,138,62)`
RGB Percent	83.1, 54.1, 24.3	`rgb(83.1%,54.1%,24.3%)`
CMYK	0, 35, 71, 17
HSL	30.4°, 63.6, 53.7	`hsl(30.4,63.6%,53.7%)`
HSV (or HSB)	30.4°, 70.8, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.774, 21.592, 50.807
XYZ	37.11, 32.524, 8.881
xyY	0.473, 0.414, 32.524
CIE-LCH	63.774, 55.205, 66.976
CIE-LUV	63.774, 59.08, 51.667
Hunter-Lab	57.03, 16.349, 30.689
Binary	11010100, 10001010, 00111110

#d48a3e
```
#d48a3e rgb(212,138,62)
```
#3e88d4
```
#3e88d4 rgb(62,136,212)
```

Complementary Color

#d43f3e
```
#d43f3e rgb(212,63,62)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#d3d43e
```
#d3d43e rgb(211,212,62)
```

Analogous Color

#3f3ed4
```
#3f3ed4 rgb(63,62,212)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#3ed3d4
```
#3ed3d4 rgb(62,211,212)
```

Split Complementary Color

#8a3ed4
```
#8a3ed4 rgb(138,62,212)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#3ed48a
```
#3ed48a rgb(62,212,138)
```

Triadic Color

#d43e88
```
#d43e88 rgb(212,62,136)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#3ed48a
```
#3ed48a rgb(62,212,138)
```
#3e88d4
```
#3e88d4 rgb(62,136,212)
```

Tetradic Color

#a26424
```
#a26424 rgb(162,100,36)
```
#b67029
```
#b67029 rgb(182,112,41)
```
#cb7d2d
```
#cb7d2d rgb(203,125,45)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#d99753
```
#d99753 rgb(217,151,83)
```
#dda368
```
#dda368 rgb(221,163,104)
```
#e2b07d
```
#e2b07d rgb(226,176,125)
```

Monochromatic Color

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

#d4653e
```
#d4653e rgb(212,101,62)
```
#d4713e
```
#d4713e rgb(212,113,62)
```
#d47e3e
```
#d47e3e rgb(212,126,62)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#d4973e
```
#d4973e rgb(212,151,62)
```
#d4a33e
```
#d4a33e rgb(212,163,62)
```
#d4b03e
```
#d4b03e rgb(212,176,62)
```

Similar Colors

Text with hexadecimal color #d48a3e

This text has a font color of #d48a3e.

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

#d48a3e background color

This paragraph has a background color of #d48a3e.

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

#d48a3e border color

This element has a border color of #d48a3e.

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

CSS codes

.text {color:#d48a3e;}

.background {background-color:#d48a3e;}

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

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, #100a03 is the darkest color, while #fffffe is the lightest one.

#100a03
```
#100a03 rgb(16,10,3)
```
#201307
```
#201307 rgb(32,19,7)
```
#301d0b
```
#301d0b rgb(48,29,11)
```
#40270e
```
#40270e rgb(64,39,14)
```
#503112
```
#503112 rgb(80,49,18)
```
#603b15
```
#603b15 rgb(96,59,21)
```
#704519
```
#704519 rgb(112,69,25)
```
#804f1c
```
#804f1c rgb(128,79,28)
```
#905920
```
#905920 rgb(144,89,32)
```
#a06324
```
#a06324 rgb(160,99,36)
```
#b06c27
```
#b06c27 rgb(176,108,39)
```
#c0762b
```
#c0762b rgb(192,118,43)
```
#d0802e
```
#d0802e rgb(208,128,46)
```

Shade Color Variation

#d48a3e
```
#d48a3e rgb(212,138,62)
```
#d8944e
```
#d8944e rgb(216,148,78)
```
#db9d5e
```
#db9d5e rgb(219,157,94)
```
#dfa76e
```
#dfa76e rgb(223,167,110)
```
#e2b17e
```
#e2b17e rgb(226,177,126)
```
#e6bb8e
```
#e6bb8e rgb(230,187,142)
```
#e9c49e
```
#e9c49e rgb(233,196,158)
```
#edceae
```
#edceae rgb(237,206,174)
```
#f1d8be
```
#f1d8be rgb(241,216,190)
```
#f4e2ce
```
#f4e2ce rgb(244,226,206)
```
#f8ebde
```
#f8ebde rgb(248,235,222)
```
#fbf5ee
```
#fbf5ee rgb(251,245,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8b8987
```
#8b8987 rgb(139,137,135)
```
#94897e
```
#94897e rgb(148,137,126)
```
#9e8974
```
#9e8974 rgb(158,137,116)
```
#a7896b
```
#a7896b rgb(167,137,107)
```
#b08a62
```
#b08a62 rgb(176,138,98)
```
#b98a59
```
#b98a59 rgb(185,138,89)
```
#c28a50
```
#c28a50 rgb(194,138,80)
```
#cb8a47
```
#cb8a47 rgb(203,138,71)
```
#d48a3e
```
#d48a3e rgb(212,138,62)
```
#dd8a35
```
#dd8a35 rgb(221,138,53)
```
#e68a2c
```
#e68a2c rgb(230,138,44)
```
#ef8a23
```
#ef8a23 rgb(239,138,35)
```
#f88a1a
```
#f88a1a rgb(248,138,26)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a39485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f4c Protanopia 1% of men
#c49845 Deuteranopia 1% of men
#db8891 Tritanopia 0.001% of the population

Trichromacy

#bd9747 Protanomaly 1% of men, 0.01% of women
#ca9342 Deuteranomaly 6% of men, 0.4% of women
#d88873 Tritanomaly 0.01% of the population