#d48f56 hex color

In a RGB color space, hex #d48f56 is composed of 83.1% red, 56.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 59.4% yellow and 16.9% black. It has a hue angle of 27.1 degrees, a saturation of 59.4% and a lightness of 58.4%. #d48f56 color hex could be obtained by blending #ffffac with #a91f00. Closest websafe color is: #cc9966.

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

● #d48f56 color description : Moderate orange.

The hexadecimal color #d48f56 has RGB values of R:212, G:143, B:86 and CMYK values of C:0, M:0.33, Y:0.59, K:0.17. Its decimal value is 13930326.

Hex triplet	d48f56	`#d48f56`
RGB Decimal	212, 143, 86	`rgb(212,143,86)`
RGB Percent	83.1, 56.1, 33.7	`rgb(83.1%,56.1%,33.7%)`
CMYK	0, 33, 59, 17
HSL	27.1°, 59.4, 58.4	`hsl(27.1,59.4%,58.4%)`
HSV (or HSB)	27.1°, 59.4, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.213, 20.389, 40.561
XYZ	38.654, 34.316, 13.391
xyY	0.448, 0.397, 34.316
CIE-LCH	65.213, 45.397, 63.313
CIE-LUV	65.213, 53.109, 44.068
Hunter-Lab	58.58, 15.269, 27.452
Binary	11010100, 10001111, 01010110

#d48f56
```
#d48f56 rgb(212,143,86)
```
#569bd4
```
#569bd4 rgb(86,155,212)
```

Complementary Color

#d4565c
```
#d4565c rgb(212,86,92)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#d4ce56
```
#d4ce56 rgb(212,206,86)
```

Analogous Color

#565cd4
```
#565cd4 rgb(86,92,212)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#56d4ce
```
#56d4ce rgb(86,212,206)
```

Split Complementary Color

#8f56d4
```
#8f56d4 rgb(143,86,212)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#56d48f
```
#56d48f rgb(86,212,143)
```

Triadic Color

#d4569b
```
#d4569b rgb(212,86,155)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#56d48f
```
#56d48f rgb(86,212,143)
```
#569bd4
```
#569bd4 rgb(86,155,212)
```

Tetradic Color

#b1682d
```
#b1682d rgb(177,104,45)
```
#c57532
```
#c57532 rgb(197,117,50)
```
#cf8242
```
#cf8242 rgb(207,130,66)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#d99c6a
```
#d99c6a rgb(217,156,106)
```
#deaa7f
```
#deaa7f rgb(222,170,127)
```
#e4b793
```
#e4b793 rgb(228,183,147)
```

Monochromatic Color

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

#d47056
```
#d47056 rgb(212,112,86)
```
#d47a56
```
#d47a56 rgb(212,122,86)
```
#d48556
```
#d48556 rgb(212,133,86)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#d49a56
```
#d49a56 rgb(212,154,86)
```
#d4a456
```
#d4a456 rgb(212,164,86)
```
#d4af56
```
#d4af56 rgb(212,175,86)
```

Similar Colors

Text with hexadecimal color #d48f56

This text has a font color of #d48f56.

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

#d48f56 background color

This paragraph has a background color of #d48f56.

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

#d48f56 border color

This element has a border color of #d48f56.

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

CSS codes

.text {color:#d48f56;}

.background {background-color:#d48f56;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130b05
```
#130b05 rgb(19,11,5)
```
#221409
```
#221409 rgb(34,20,9)
```
#321e0d
```
#321e0d rgb(50,30,13)
```
#422711
```
#422711 rgb(66,39,17)
```
#513015
```
#513015 rgb(81,48,21)
```
#613919
```
#613919 rgb(97,57,25)
```
#70431d
```
#70431d rgb(112,67,29)
```
#804c21
```
#804c21 rgb(128,76,33)
```
#905525
```
#905525 rgb(144,85,37)
```
#9f5e29
```
#9f5e29 rgb(159,94,41)
```
#af682d
```
#af682d rgb(175,104,45)
```
#bf7131
```
#bf7131 rgb(191,113,49)
```

Shade Color Variation

#cc7a37
```
#cc7a37 rgb(204,122,55)
```
#d08546
```
#d08546 rgb(208,133,70)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#d89966
```
#d89966 rgb(216,153,102)
```
#dca475
```
#dca475 rgb(220,164,117)
```
#e0ae85
```
#e0ae85 rgb(224,174,133)
```
#e4b895
```
#e4b895 rgb(228,184,149)
```
#e8c3a4
```
#e8c3a4 rgb(232,195,164)
```
#eccdb4
```
#eccdb4 rgb(236,205,180)
```
#f0d8c3
```
#f0d8c3 rgb(240,216,195)
```
#f4e2d3
```
#f4e2d3 rgb(244,226,211)
```
#f8ece3
```
#f8ece3 rgb(248,236,227)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#9b948f
```
#9b948f rgb(155,148,143)
```
#a39487
```
#a39487 rgb(163,148,135)
```
#ab937f
```
#ab937f rgb(171,147,127)
```
#b39277
```
#b39277 rgb(179,146,119)
```
#bc916e
```
#bc916e rgb(188,145,110)
```
#c49166
```
#c49166 rgb(196,145,102)
```
#cc905e
```
#cc905e rgb(204,144,94)
```
#d48f56
```
#d48f56 rgb(212,143,86)
```
#dc8e4e
```
#dc8e4e rgb(220,142,78)
```
#e48d46
```
#e48d46 rgb(228,141,70)
```
#ec8d3e
```
#ec8d3e rgb(236,141,62)
```
#f58c35
```
#f58c35 rgb(245,140,53)
```
#fd8b2d
```
#fd8b2d rgb(253,139,45)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a89a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a363 Protanopia 1% of men
#c69c5c Deuteranopia 1% of men
#da8d97 Tritanopia 0.001% of the population

Trichromacy

#be9b5e Protanomaly 1% of men, 0.01% of women
#cb975a Deuteranomaly 6% of men, 0.4% of women
#d88e7f Tritanomaly 0.01% of the population

#d48f56 hex color

#d48f56 Color Information

#d48f56 Color Conversion

Color Schemes with #d48f56

Alternatives to #d48f56

#d48f56 Preview

Shades and Tints of #d48f56

Tones of #d48f56

Color Blindness Simulator