#d48f31 hex color

In a RGB color space, hex #d48f31 is composed of 83.1% red, 56.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 76.9% yellow and 16.9% black. It has a hue angle of 34.6 degrees, a saturation of 65.5% and a lightness of 51.2%. #d48f31 color hex could be obtained by blending #ffff62 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

● #d48f31 color description : Strong orange.

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

Hex triplet	d48f31	`#d48f31`
RGB Decimal	212, 143, 49	`rgb(212,143,49)`
RGB Percent	83.1, 56.1, 19.2	`rgb(83.1%,56.1%,19.2%)`
CMYK	0, 33, 77, 17
HSL	34.6°, 65.5, 51.2	`hsl(34.6,65.5%,51.2%)`
HSV (or HSB)	34.6°, 76.9, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.856, 18.296, 57.548
XYZ	37.529, 33.866, 7.466
xyY	0.476, 0.429, 33.866
CIE-LCH	64.856, 60.386, 72.363
CIE-LUV	64.856, 56.057, 57.63
Hunter-Lab	58.195, 13.272, 33.13
Binary	11010100, 10001111, 00110001

#d48f31
```
#d48f31 rgb(212,143,49)
```
#3176d4
```
#3176d4 rgb(49,118,212)
```

Complementary Color

#d43e31
```
#d43e31 rgb(212,62,49)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#c8d431
```
#c8d431 rgb(200,212,49)
```

Analogous Color

#3d31d4
```
#3d31d4 rgb(61,49,212)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#31c8d4
```
#31c8d4 rgb(49,200,212)
```

Split Complementary Color

#8f31d4
```
#8f31d4 rgb(143,49,212)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#31d48f
```
#31d48f rgb(49,212,143)
```

Triadic Color

#d43176
```
#d43176 rgb(212,49,118)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#31d48f
```
#31d48f rgb(49,212,143)
```
#3176d4
```
#3176d4 rgb(49,118,212)
```

Tetradic Color

#996620
```
#996620 rgb(153,102,32)
```
#ae7424
```
#ae7424 rgb(174,116,36)
```
#c38229
```
#c38229 rgb(195,130,41)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#d89a46
```
#d89a46 rgb(216,154,70)
```
#dda65b
```
#dda65b rgb(221,166,91)
```
#e1b170
```
#e1b170 rgb(225,177,112)
```

Monochromatic Color

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

#d46631
```
#d46631 rgb(212,102,49)
```
#d47431
```
#d47431 rgb(212,116,49)
```
#d48131
```
#d48131 rgb(212,129,49)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#d49d31
```
#d49d31 rgb(212,157,49)
```
#d4aa31
```
#d4aa31 rgb(212,170,49)
```
#d4b831
```
#d4b831 rgb(212,184,49)
```

Similar Colors

Text with hexadecimal color #d48f31

This text has a font color of #d48f31.

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

#d48f31 background color

This paragraph has a background color of #d48f31.

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

#d48f31 border color

This element has a border color of #d48f31.

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

CSS codes

.text {color:#d48f31;}

.background {background-color:#d48f31;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150e04
```
#150e04 rgb(21,14,4)
```
#251908
```
#251908 rgb(37,25,8)
```
#36240b
```
#36240b rgb(54,36,11)
```
#462e0f
```
#462e0f rgb(70,46,15)
```
#563912
```
#563912 rgb(86,57,18)
```
#664415
```
#664415 rgb(102,68,21)
```
#774f19
```
#774f19 rgb(119,79,25)
```
#875a1c
```
#875a1c rgb(135,90,28)
```
#976420
```
#976420 rgb(151,100,32)
```
#a76f23
```
#a76f23 rgb(167,111,35)
```
#b77a26
```
#b77a26 rgb(183,122,38)
```
#c8852a
```
#c8852a rgb(200,133,42)
```

Shade Color Variation

#d48f31
```
#d48f31 rgb(212,143,49)
```
#d79841
```
#d79841 rgb(215,152,65)
```
#dba151
```
#dba151 rgb(219,161,81)
```
#dea962
```
#dea962 rgb(222,169,98)
```
#e2b272
```
#e2b272 rgb(226,178,114)
```
#e5bb82
```
#e5bb82 rgb(229,187,130)
```
#e8c492
```
#e8c492 rgb(232,196,146)
```
#eccda3
```
#eccda3 rgb(236,205,163)
```
#efd6b3
```
#efd6b3 rgb(239,214,179)
```
#f2dec3
```
#f2dec3 rgb(242,222,195)
```
#f6e7d3
```
#f6e7d3 rgb(246,231,211)
```
#f9f0e4
```
#f9f0e4 rgb(249,240,228)
```
#fdf9f4
```
#fdf9f4 rgb(253,249,244)
```

Tint Color Variation

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

#87837e
```
#87837e rgb(135,131,126)
```
#918574
```
#918574 rgb(145,133,116)
```
#9b866a
```
#9b866a rgb(155,134,106)
```
#a48861
```
#a48861 rgb(164,136,97)
```
#ae8957
```
#ae8957 rgb(174,137,87)
```
#b78b4e
```
#b78b4e rgb(183,139,78)
```
#c18c44
```
#c18c44 rgb(193,140,68)
```
#ca8e3b
```
#ca8e3b rgb(202,142,59)
```
#d48f31
```
#d48f31 rgb(212,143,49)
```
#de9027
```
#de9027 rgb(222,144,39)
```
#e7921e
```
#e7921e rgb(231,146,30)
```
#f19314
```
#f19314 rgb(241,147,20)
```
#fa950b
```
#fa950b rgb(250,149,11)
```

Tone Color Variation

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

#b4a23f Protanopia 1% of men
#c99a39 Deuteranopia 1% of men
#dc8b95 Tritanopia 0.001% of the population

Trichromacy

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

#d48f31 hex color

#d48f31 Color Information

#d48f31 Color Conversion

Color Schemes with #d48f31

Alternatives to #d48f31

#d48f31 Preview

Shades and Tints of #d48f31

Tones of #d48f31

Color Blindness Simulator