#d48e30 hex color

In a RGB color space, hex #d48e30 is composed of 83.1% red, 55.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33% magenta, 77.4% yellow and 16.9% black. It has a hue angle of 34.4 degrees, a saturation of 65.6% and a lightness of 51%. #d48e30 color hex could be obtained by blending #ffff60 with #a91d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 56
- B 19
RGB color chart
- C 0
- M 33
- Y 77
- K 17
CMYK color chart

● #d48e30 color description : Strong orange.

The hexadecimal color #d48e30 has RGB values of R:212, G:142, B:48 and CMYK values of C:0, M:0.33, Y:0.77, K:0.17. Its decimal value is 13930032.

Hex triplet	d48e30	`#d48e30`
RGB Decimal	212, 142, 48	`rgb(212,142,48)`
RGB Percent	83.1, 55.7, 18.8	`rgb(83.1%,55.7%,18.8%)`
CMYK	0, 33, 77, 17
HSL	34.4°, 65.6, 51	`hsl(34.4,65.6%,51%)`
HSV (or HSB)	34.4°, 77.4, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.611, 18.798, 57.713
XYZ	37.359, 33.559, 7.306
xyY	0.478, 0.429, 33.559
CIE-LCH	64.611, 60.697, 71.959
CIE-LUV	64.611, 56.903, 57.496
Hunter-Lab	57.93, 13.736, 33.073
Binary	11010100, 10001110, 00110000

#d48e30
```
#d48e30 rgb(212,142,48)
```
#3076d4
```
#3076d4 rgb(48,118,212)
```

Complementary Color

#d43c30
```
#d43c30 rgb(212,60,48)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#c8d430
```
#c8d430 rgb(200,212,48)
```

Analogous Color

#3c30d4
```
#3c30d4 rgb(60,48,212)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#30c8d4
```
#30c8d4 rgb(48,200,212)
```

Split Complementary Color

#8e30d4
```
#8e30d4 rgb(142,48,212)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#30d48e
```
#30d48e rgb(48,212,142)
```

Triadic Color

#d43076
```
#d43076 rgb(212,48,118)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#30d48e
```
#30d48e rgb(48,212,142)
```
#3076d4
```
#3076d4 rgb(48,118,212)
```

Tetradic Color

#986520
```
#986520 rgb(152,101,32)
```
#ad7324
```
#ad7324 rgb(173,115,36)
```
#c28128
```
#c28128 rgb(194,129,40)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#d89a45
```
#d89a45 rgb(216,154,69)
```
#dda55a
```
#dda55a rgb(221,165,90)
```
#e1b16f
```
#e1b16f rgb(225,177,111)
```

Monochromatic Color

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

#d46530
```
#d46530 rgb(212,101,48)
```
#d47330
```
#d47330 rgb(212,115,48)
```
#d48030
```
#d48030 rgb(212,128,48)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#d49c30
```
#d49c30 rgb(212,156,48)
```
#d4a930
```
#d4a930 rgb(212,169,48)
```
#d4b730
```
#d4b730 rgb(212,183,48)
```

Similar Colors

Text with hexadecimal color #d48e30

This text has a font color of #d48e30.

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

#d48e30 background color

This paragraph has a background color of #d48e30.

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

#d48e30 border color

This element has a border color of #d48e30.

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

CSS codes

.text {color:#d48e30;}

.background {background-color:#d48e30;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140d04
```
#140d04 rgb(20,13,4)
```
#251808
```
#251808 rgb(37,24,8)
```
#35230b
```
#35230b rgb(53,35,11)
```
#452e0e
```
#452e0e rgb(69,46,14)
```
#553812
```
#553812 rgb(85,56,18)
```
#664315
```
#664315 rgb(102,67,21)
```
#764e18
```
#764e18 rgb(118,78,24)
```
#86591c
```
#86591c rgb(134,89,28)
```
#96631f
```
#96631f rgb(150,99,31)
```
#a76e23
```
#a76e23 rgb(167,110,35)
```
#b77926
```
#b77926 rgb(183,121,38)
```
#c78429
```
#c78429 rgb(199,132,41)
```

Shade Color Variation

#d48e30
```
#d48e30 rgb(212,142,48)
```
#d79740
```
#d79740 rgb(215,151,64)
```
#dba050
```
#dba050 rgb(219,160,80)
```
#dea961
```
#dea961 rgb(222,169,97)
```
#e1b171
```
#e1b171 rgb(225,177,113)
```
#e5ba81
```
#e5ba81 rgb(229,186,129)
```
#e8c391
```
#e8c391 rgb(232,195,145)
```
#eccca2
```
#eccca2 rgb(236,204,162)
```
#efd5b2
```
#efd5b2 rgb(239,213,178)
```
#f2dec2
```
#f2dec2 rgb(242,222,194)
```
#f6e7d2
```
#f6e7d2 rgb(246,231,210)
```
#f9f0e3
```
#f9f0e3 rgb(249,240,227)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#87837d
```
#87837d rgb(135,131,125)
```
#918473
```
#918473 rgb(145,132,115)
```
#9a866a
```
#9a866a rgb(154,134,106)
```
#a48760
```
#a48760 rgb(164,135,96)
```
#ae8856
```
#ae8856 rgb(174,136,86)
```
#b78a4d
```
#b78a4d rgb(183,138,77)
```
#c18b43
```
#c18b43 rgb(193,139,67)
```
#ca8d3a
```
#ca8d3a rgb(202,141,58)
```
#d48e30
```
#d48e30 rgb(212,142,48)
```
#de8f26
```
#de8f26 rgb(222,143,38)
```
#e7911d
```
#e7911d rgb(231,145,29)
```
#f19213
```
#f19213 rgb(241,146,19)
```
#fa940a
```
#fa940a rgb(250,148,10)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a49683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a23e Protanopia 1% of men
#c89a38 Deuteranopia 1% of men
#db8b94 Tritanopia 0.001% of the population

Trichromacy

#bf9a39 Protanomaly 1% of men, 0.01% of women
#cc9535 Deuteranomaly 6% of men, 0.4% of women
#d98c6f Tritanomaly 0.01% of the population

#d48e30 hex color

#d48e30 Color Information

#d48e30 Color Conversion

Color Schemes with #d48e30

Alternatives to #d48e30

#d48e30 Preview

Shades and Tints of #d48e30

Tones of #d48e30

Color Blindness Simulator