#d48d3f hex color

In a RGB color space, hex #d48d3f is composed of 83.1% red, 55.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 70.3% yellow and 16.9% black. It has a hue angle of 31.4 degrees, a saturation of 63.4% and a lightness of 53.9%. #d48d3f color hex could be obtained by blending #ffff7e with #a91b00. Closest websafe color is: #cc9933.

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

● #d48d3f color description : Moderate orange.

The hexadecimal color #d48d3f has RGB values of R:212, G:141, B:63 and CMYK values of C:0, M:0.33, Y:0.7, K:0.17. Its decimal value is 13929791.

Hex triplet	d48d3f	`#d48d3f`
RGB Decimal	212, 141, 63	`rgb(212,141,63)`
RGB Percent	83.1, 55.3, 24.7	`rgb(83.1%,55.3%,24.7%)`
CMYK	0, 33, 70, 17
HSL	31.4°, 63.4, 53.9	`hsl(31.4,63.4%,53.9%)`
HSV (or HSB)	31.4°, 70.3, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.49, 20.022, 51.104
XYZ	37.574, 33.408, 9.172
xyY	0.469, 0.417, 33.408
CIE-LCH	64.49, 54.886, 68.605
CIE-LUV	64.49, 56.677, 52.557
Hunter-Lab	57.8, 14.889, 31.051
Binary	11010100, 10001101, 00111111

#d48d3f
```
#d48d3f rgb(212,141,63)
```
#3f86d4
```
#3f86d4 rgb(63,134,212)
```

Complementary Color

#d4433f
```
#d4433f rgb(212,67,63)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#d1d43f
```
#d1d43f rgb(209,212,63)
```

Analogous Color

#423fd4
```
#423fd4 rgb(66,63,212)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#3fd1d4
```
#3fd1d4 rgb(63,209,212)
```

Split Complementary Color

#8d3fd4
```
#8d3fd4 rgb(141,63,212)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#3fd48d
```
#3fd48d rgb(63,212,141)
```

Triadic Color

#d43f86
```
#d43f86 rgb(212,63,134)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#3fd48d
```
#3fd48d rgb(63,212,141)
```
#3f86d4
```
#3f86d4 rgb(63,134,212)
```

Tetradic Color

#a26624
```
#a26624 rgb(162,102,36)
```
#b77329
```
#b77329 rgb(183,115,41)
```
#cc802e
```
#cc802e rgb(204,128,46)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#d99954
```
#d99954 rgb(217,153,84)
```
#dda669
```
#dda669 rgb(221,166,105)
```
#e2b27e
```
#e2b27e rgb(226,178,126)
```

Monochromatic Color

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

#d4683f
```
#d4683f rgb(212,104,63)
```
#d4743f
```
#d4743f rgb(212,116,63)
```
#d4813f
```
#d4813f rgb(212,129,63)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#d4993f
```
#d4993f rgb(212,153,63)
```
#d4a63f
```
#d4a63f rgb(212,166,63)
```
#d4b23f
```
#d4b23f rgb(212,178,63)
```

Similar Colors

Text with hexadecimal color #d48d3f

This text has a font color of #d48d3f.

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

#d48d3f background color

This paragraph has a background color of #d48d3f.

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

#d48d3f border color

This element has a border color of #d48d3f.

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

CSS codes

.text {color:#d48d3f;}

.background {background-color:#d48d3f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100a04
```
#100a04 rgb(16,10,4)
```
#201407
```
#201407 rgb(32,20,7)
```
#301e0b
```
#301e0b rgb(48,30,11)
```
#40290e
```
#40290e rgb(64,41,14)
```
#503312
```
#503312 rgb(80,51,18)
```
#603d16
```
#603d16 rgb(96,61,22)
```
#704719
```
#704719 rgb(112,71,25)
```
#81511d
```
#81511d rgb(129,81,29)
```
#915b20
```
#915b20 rgb(145,91,32)
```
#a16524
```
#a16524 rgb(161,101,36)
```
#b16f28
```
#b16f28 rgb(177,111,40)
```
#c1792b
```
#c1792b rgb(193,121,43)
```

Shade Color Variation

#d0832f
```
#d0832f rgb(208,131,47)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#d8974f
```
#d8974f rgb(216,151,79)
```
#dba05f
```
#dba05f rgb(219,160,95)
```
#dfaa6f
```
#dfaa6f rgb(223,170,111)
```
#e2b37f
```
#e2b37f rgb(226,179,127)
```
#e6bd8f
```
#e6bd8f rgb(230,189,143)
```
#eac69f
```
#eac69f rgb(234,198,159)
```
#edd0af
```
#edd0af rgb(237,208,175)
```
#f1d9bf
```
#f1d9bf rgb(241,217,191)
```
#f4e3cf
```
#f4e3cf rgb(244,227,207)
```
#f8ecdf
```
#f8ecdf rgb(248,236,223)
```
#fbf6ef
```
#fbf6ef rgb(251,246,239)
```

Tint Color Variation

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

#8c8a87
```
#8c8a87 rgb(140,138,135)
```
#958a7e
```
#958a7e rgb(149,138,126)
```
#9e8a75
```
#9e8a75 rgb(158,138,117)
```
#a78b6c
```
#a78b6c rgb(167,139,108)
```
#b08b63
```
#b08b63 rgb(176,139,99)
```
#b98c5a
```
#b98c5a rgb(185,140,90)
```
#c28c51
```
#c28c51 rgb(194,140,81)
```
#cb8d48
```
#cb8d48 rgb(203,141,72)
```
#d48d3f
```
#d48d3f rgb(212,141,63)
```
#dd8d36
```
#dd8d36 rgb(221,141,54)
```
#e68e2d
```
#e68e2d rgb(230,142,45)
```
#ef8e24
```
#ef8e24 rgb(239,142,36)
```
#f88f1b
```
#f88f1b rgb(248,143,27)
```

Tone Color Variation

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

Dichromacy

#b2a14d Protanopia 1% of men
#c69a46 Deuteranopia 1% of men
#db8a94 Tritanopia 0.001% of the population

Trichromacy

#be9a48 Protanomaly 1% of men, 0.01% of women
#cb9543 Deuteranomaly 6% of men, 0.4% of women
#d88b75 Tritanomaly 0.01% of the population

#d48d3f hex color

#d48d3f Color Information

#d48d3f Color Conversion

Color Schemes with #d48d3f

Alternatives to #d48d3f

#d48d3f Preview

Shades and Tints of #d48d3f

Tones of #d48d3f

Color Blindness Simulator