#d48f30 hex color

In a RGB color space, hex #d48f30 is composed of 83.1% red, 56.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 77.4% yellow and 16.9% black. It has a hue angle of 34.8 degrees, a saturation of 65.6% and a lightness of 51%. #d48f30 color hex could be obtained by blending #ffff60 with #a91f00. 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

● #d48f30 color description : Strong orange.

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

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

CIE-LAB	64.85, 18.257, 57.94
XYZ	37.508, 33.858, 7.356
xyY	0.476, 0.43, 33.858
CIE-LCH	64.85, 60.748, 72.51
CIE-LUV	64.85, 56.114, 57.891
Hunter-Lab	58.188, 13.235, 33.236
Binary	11010100, 10001111, 00110000

#d48f30
```
#d48f30 rgb(212,143,48)
```
#3075d4
```
#3075d4 rgb(48,117,212)
```

Complementary Color

#d43d30
```
#d43d30 rgb(212,61,48)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#c7d430
```
#c7d430 rgb(199,212,48)
```

Analogous Color

#3d30d4
```
#3d30d4 rgb(61,48,212)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#30c7d4
```
#30c7d4 rgb(48,199,212)
```

Split Complementary Color

#8f30d4
```
#8f30d4 rgb(143,48,212)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#30d48f
```
#30d48f rgb(48,212,143)
```

Triadic Color

#d43075
```
#d43075 rgb(212,48,117)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#30d48f
```
#30d48f rgb(48,212,143)
```
#3075d4
```
#3075d4 rgb(48,117,212)
```

Tetradic Color

#986520
```
#986520 rgb(152,101,32)
```
#ad7324
```
#ad7324 rgb(173,115,36)
```
#c28128
```
#c28128 rgb(194,129,40)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#d89a45
```
#d89a45 rgb(216,154,69)
```
#dda65a
```
#dda65a rgb(221,166,90)
```
#e1b16f
```
#e1b16f rgb(225,177,111)
```

Monochromatic Color

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

#d46630
```
#d46630 rgb(212,102,48)
```
#d47430
```
#d47430 rgb(212,116,48)
```
#d48130
```
#d48130 rgb(212,129,48)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#d49d30
```
#d49d30 rgb(212,157,48)
```
#d4aa30
```
#d4aa30 rgb(212,170,48)
```
#d4b830
```
#d4b830 rgb(212,184,48)
```

Similar Colors

Text with hexadecimal color #d48f30

This text has a font color of #d48f30.

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

#d48f30 background color

This paragraph has a background color of #d48f30.

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

#d48f30 border color

This element has a border color of #d48f30.

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

CSS codes

.text {color:#d48f30;}

.background {background-color:#d48f30;}

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

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)
```
#140e04
```
#140e04 rgb(20,14,4)
```
#251808
```
#251808 rgb(37,24,8)
```
#35230b
```
#35230b rgb(53,35,11)
```
#452e0e
```
#452e0e rgb(69,46,14)
```
#553912
```
#553912 rgb(85,57,18)
```
#664415
```
#664415 rgb(102,68,21)
```
#764f18
```
#764f18 rgb(118,79,24)
```
#86591c
```
#86591c rgb(134,89,28)
```
#96641f
```
#96641f rgb(150,100,31)
```
#a76f23
```
#a76f23 rgb(167,111,35)
```
#b77a26
```
#b77a26 rgb(183,122,38)
```
#c78529
```
#c78529 rgb(199,133,41)
```

Shade Color Variation

#d48f30
```
#d48f30 rgb(212,143,48)
```
#d79840
```
#d79840 rgb(215,152,64)
```
#dba150
```
#dba150 rgb(219,161,80)
```
#dea961
```
#dea961 rgb(222,169,97)
```
#e1b271
```
#e1b271 rgb(225,178,113)
```
#e5bb81
```
#e5bb81 rgb(229,187,129)
```
#e8c491
```
#e8c491 rgb(232,196,145)
```
#eccda2
```
#eccda2 rgb(236,205,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 #fa950a 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)
```
#ae8956
```
#ae8956 rgb(174,137,86)
```
#b78a4d
```
#b78a4d rgb(183,138,77)
```
#c18c43
```
#c18c43 rgb(193,140,67)
```
#ca8d3a
```
#ca8d3a rgb(202,141,58)
```
#d48f30
```
#d48f30 rgb(212,143,48)
```
#de9126
```
#de9126 rgb(222,145,38)
```
#e7921d
```
#e7921d rgb(231,146,29)
```
#f19413
```
#f19413 rgb(241,148,19)
```
#fa950a
```
#fa950a rgb(250,149,10)
```

Tone Color Variation

Below, you can see how #d48f30 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
#a59784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a23e Protanopia 1% of men
#c99a38 Deuteranopia 1% of men
#dc8b95 Tritanopia 0.001% of the population

Trichromacy

#c09b39 Protanomaly 1% of men, 0.01% of women
#cd9635 Deuteranomaly 6% of men, 0.4% of women
#d98d70 Tritanomaly 0.01% of the population

#d48f30 hex color

#d48f30 Color Information

#d48f30 Color Conversion

Color Schemes with #d48f30

Alternatives to #d48f30

#d48f30 Preview

Shades and Tints of #d48f30

Tones of #d48f30

Color Blindness Simulator