#d48f55 hex color

In a RGB color space, hex #d48f55 is composed of 83.1% red, 56.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 59.9% yellow and 16.9% black. It has a hue angle of 27.4 degrees, a saturation of 59.6% and a lightness of 58.2%. #d48f55 color hex could be obtained by blending #ffffaa with #a91f00. Closest websafe color is: #cc9966.

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

● #d48f55 color description : Moderate orange.

The hexadecimal color #d48f55 has RGB values of R:212, G:143, B:85 and CMYK values of C:0, M:0.33, Y:0.6, K:0.17. Its decimal value is 13930325.

Hex triplet	d48f55	`#d48f55`
RGB Decimal	212, 143, 85	`rgb(212,143,85)`
RGB Percent	83.1, 56.1, 33.3	`rgb(83.1%,56.1%,33.3%)`
CMYK	0, 33, 60, 17
HSL	27.4°, 59.6, 58.2	`hsl(27.4,59.6%,58.2%)`
HSV (or HSB)	27.4°, 59.9, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.2, 20.316, 41.064
XYZ	38.614, 34.3, 13.181
xyY	0.449, 0.398, 34.3
CIE-LCH	65.2, 45.814, 63.677
CIE-LUV	65.2, 53.209, 44.532
Hunter-Lab	58.566, 15.198, 27.653
Binary	11010100, 10001111, 01010101

#d48f55
```
#d48f55 rgb(212,143,85)
```
#559ad4
```
#559ad4 rgb(85,154,212)
```

Complementary Color

#d4555b
```
#d4555b rgb(212,85,91)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#d4cf55
```
#d4cf55 rgb(212,207,85)
```

Analogous Color

#555bd4
```
#555bd4 rgb(85,91,212)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#55d4cf
```
#55d4cf rgb(85,212,207)
```

Split Complementary Color

#8f55d4
```
#8f55d4 rgb(143,85,212)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#55d48f
```
#55d48f rgb(85,212,143)
```

Triadic Color

#d4559a
```
#d4559a rgb(212,85,154)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#55d48f
```
#55d48f rgb(85,212,143)
```
#559ad4
```
#559ad4 rgb(85,154,212)
```

Tetradic Color

#b0692d
```
#b0692d rgb(176,105,45)
```
#c47532
```
#c47532 rgb(196,117,50)
```
#cf8241
```
#cf8241 rgb(207,130,65)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#d99c69
```
#d99c69 rgb(217,156,105)
```
#deaa7e
```
#deaa7e rgb(222,170,126)
```
#e3b792
```
#e3b792 rgb(227,183,146)
```

Monochromatic Color

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

#d46f55
```
#d46f55 rgb(212,111,85)
```
#d47a55
```
#d47a55 rgb(212,122,85)
```
#d48455
```
#d48455 rgb(212,132,85)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#d49a55
```
#d49a55 rgb(212,154,85)
```
#d4a455
```
#d4a455 rgb(212,164,85)
```
#d4af55
```
#d4af55 rgb(212,175,85)
```

Similar Colors

Text with hexadecimal color #d48f55

This text has a font color of #d48f55.

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

#d48f55 background color

This paragraph has a background color of #d48f55.

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

#d48f55 border color

This element has a border color of #d48f55.

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

CSS codes

.text {color:#d48f55;}

.background {background-color:#d48f55;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120b05
```
#120b05 rgb(18,11,5)
```
#221408
```
#221408 rgb(34,20,8)
```
#311d0c
```
#311d0c rgb(49,29,12)
```
#412710
```
#412710 rgb(65,39,16)
```
#503014
```
#503014 rgb(80,48,20)
```
#603918
```
#603918 rgb(96,57,24)
```
#70421c
```
#70421c rgb(112,66,28)
```
#7f4c20
```
#7f4c20 rgb(127,76,32)
```
#8f5524
```
#8f5524 rgb(143,85,36)
```
#9f5e28
```
#9f5e28 rgb(159,94,40)
```
#ae682c
```
#ae682c rgb(174,104,44)
```
#be7130
```
#be7130 rgb(190,113,48)
```

Shade Color Variation

#cc7a36
```
#cc7a36 rgb(204,122,54)
```
#d08545
```
#d08545 rgb(208,133,69)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#d89965
```
#d89965 rgb(216,153,101)
```
#dca474
```
#dca474 rgb(220,164,116)
```
#e0ae84
```
#e0ae84 rgb(224,174,132)
```
#e4b894
```
#e4b894 rgb(228,184,148)
```
#e8c3a3
```
#e8c3a3 rgb(232,195,163)
```
#eccdb3
```
#eccdb3 rgb(236,205,179)
```
#f0d7c3
```
#f0d7c3 rgb(240,215,195)
```
#f4e2d2
```
#f4e2d2 rgb(244,226,210)
```
#f8ece2
```
#f8ece2 rgb(248,236,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#9b948e
```
#9b948e rgb(155,148,142)
```
#a39386
```
#a39386 rgb(163,147,134)
```
#ab937e
```
#ab937e rgb(171,147,126)
```
#b39276
```
#b39276 rgb(179,146,118)
```
#bb916e
```
#bb916e rgb(187,145,110)
```
#c49065
```
#c49065 rgb(196,144,101)
```
#cc905d
```
#cc905d rgb(204,144,93)
```
#d48f55
```
#d48f55 rgb(212,143,85)
```
#dc8e4d
```
#dc8e4d rgb(220,142,77)
```
#e48e45
```
#e48e45 rgb(228,142,69)
```
#ed8d3c
```
#ed8d3c rgb(237,141,60)
```
#f58c34
```
#f58c34 rgb(245,140,52)
```
#fd8b2c
```
#fd8b2c rgb(253,139,44)
```

Tone Color Variation

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

#b2a362 Protanopia 1% of men
#c69c5b Deuteranopia 1% of men
#da8d97 Tritanopia 0.001% of the population

Trichromacy

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

#d48f55 hex color

#d48f55 Color Information

#d48f55 Color Conversion

Color Schemes with #d48f55

Alternatives to #d48f55

#d48f55 Preview

Shades and Tints of #d48f55

Tones of #d48f55

Color Blindness Simulator