#d48d3a hex color

In a RGB color space, hex #d48d3a is composed of 83.1% red, 55.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 72.6% yellow and 16.9% black. It has a hue angle of 32.3 degrees, a saturation of 64.2% and a lightness of 52.9%. #d48d3a color hex could be obtained by blending #ffff74 with #a91b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 55
- B 23
RGB color chart
- C 0
- M 33
- Y 73
- K 17
CMYK color chart

● #d48d3a color description : Moderate orange.

The hexadecimal color #d48d3a has RGB values of R:212, G:141, B:58 and CMYK values of C:0, M:0.33, Y:0.73, K:0.17. Its decimal value is 13929786.

Hex triplet	d48d3a	`#d48d3a`
RGB Decimal	212, 141, 58	`rgb(212,141,58)`
RGB Percent	83.1, 55.3, 22.7	`rgb(83.1%,55.3%,22.7%)`
CMYK	0, 33, 73, 17
HSL	32.3°, 64.2, 52.9	`hsl(32.3,64.2%,52.9%)`
HSV (or HSB)	32.3°, 72.6, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.447, 19.772, 53.329
XYZ	37.441, 33.355, 8.469
xyY	0.472, 0.421, 33.355
CIE-LCH	64.447, 56.876, 69.658
CIE-LUV	64.447, 57.046, 54.211
Hunter-Lab	57.754, 14.65, 31.733
Binary	11010100, 10001101, 00111010

#d48d3a
```
#d48d3a rgb(212,141,58)
```
#3a81d4
```
#3a81d4 rgb(58,129,212)
```

Complementary Color

#d4403a
```
#d4403a rgb(212,64,58)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#ced43a
```
#ced43a rgb(206,212,58)
```

Analogous Color

#403ad4
```
#403ad4 rgb(64,58,212)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#3aced4
```
#3aced4 rgb(58,206,212)
```

Split Complementary Color

#8d3ad4
```
#8d3ad4 rgb(141,58,212)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#3ad48d
```
#3ad48d rgb(58,212,141)
```

Triadic Color

#d43a81
```
#d43a81 rgb(212,58,129)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#3ad48d
```
#3ad48d rgb(58,212,141)
```
#3a81d4
```
#3a81d4 rgb(58,129,212)
```

Tetradic Color

#9f6623
```
#9f6623 rgb(159,102,35)
```
#b47327
```
#b47327 rgb(180,115,39)
```
#c9802c
```
#c9802c rgb(201,128,44)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#d9994f
```
#d9994f rgb(217,153,79)
```
#dda564
```
#dda564 rgb(221,165,100)
```
#e2b179
```
#e2b179 rgb(226,177,121)
```

Monochromatic Color

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

#d4673a
```
#d4673a rgb(212,103,58)
```
#d4733a
```
#d4733a rgb(212,115,58)
```
#d4803a
```
#d4803a rgb(212,128,58)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#d49a3a
```
#d49a3a rgb(212,154,58)
```
#d4a73a
```
#d4a73a rgb(212,167,58)
```
#d4b43a
```
#d4b43a rgb(212,180,58)
```

Similar Colors

Text with hexadecimal color #d48d3a

This text has a font color of #d48d3a.

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

#d48d3a background color

This paragraph has a background color of #d48d3a.

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

#d48d3a border color

This element has a border color of #d48d3a.

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

CSS codes

.text {color:#d48d3a;}

.background {background-color:#d48d3a;}

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

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, #0c0803 is the darkest color, while #fefdfb is the lightest one.

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1206
```
#1c1206 rgb(28,18,6)
```
#2d1c0a
```
#2d1c0a rgb(45,28,10)
```
#3d270d
```
#3d270d rgb(61,39,13)
```
#4d3111
```
#4d3111 rgb(77,49,17)
```
#5d3b14
```
#5d3b14 rgb(93,59,20)
```
#6d4618
```
#6d4618 rgb(109,70,24)
```
#7d501b
```
#7d501b rgb(125,80,27)
```
#8d5a1f
```
#8d5a1f rgb(141,90,31)
```
#9d6522
```
#9d6522 rgb(157,101,34)
```
#ad6f26
```
#ad6f26 rgb(173,111,38)
```
#bd7929
```
#bd7929 rgb(189,121,41)
```
#ce832d
```
#ce832d rgb(206,131,45)
```

Shade Color Variation

#d48d3a
```
#d48d3a rgb(212,141,58)
```
#d8964a
```
#d8964a rgb(216,150,74)
```
#dba05a
```
#dba05a rgb(219,160,90)
```
#dfa96a
```
#dfa96a rgb(223,169,106)
```
#e2b27a
```
#e2b27a rgb(226,178,122)
```
#e6bc8b
```
#e6bc8b rgb(230,188,139)
```
#e9c59b
```
#e9c59b rgb(233,197,155)
```
#edceab
```
#edceab rgb(237,206,171)
```
#f0d8bb
```
#f0d8bb rgb(240,216,187)
```
#f4e1cb
```
#f4e1cb rgb(244,225,203)
```
#f7eadb
```
#f7eadb rgb(247,234,219)
```
#fbf3eb
```
#fbf3eb rgb(251,243,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#8a8784
```
#8a8784 rgb(138,135,132)
```
#93887b
```
#93887b rgb(147,136,123)
```
#9d8971
```
#9d8971 rgb(157,137,113)
```
#a68968
```
#a68968 rgb(166,137,104)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#b88b56
```
#b88b56 rgb(184,139,86)
```
#c28c4c
```
#c28c4c rgb(194,140,76)
```
#cb8c43
```
#cb8c43 rgb(203,140,67)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#dd8e31
```
#dd8e31 rgb(221,142,49)
```
#e68e28
```
#e68e28 rgb(230,142,40)
```
#f08f1e
```
#f08f1e rgb(240,143,30)
```
#f99015
```
#f99015 rgb(249,144,21)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a59786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a148 Protanopia 1% of men
#c79941 Deuteranopia 1% of men
#db8a93 Tritanopia 0.001% of the population

Trichromacy

#be9a43 Protanomaly 1% of men, 0.01% of women
#cb953e Deuteranomaly 6% of men, 0.4% of women
#d88b73 Tritanomaly 0.01% of the population

#d48d3a hex color

#d48d3a Color Information

#d48d3a Color Conversion

Color Schemes with #d48d3a

Alternatives to #d48d3a

#d48d3a Preview

Shades and Tints of #d48d3a

Tones of #d48d3a

Color Blindness Simulator