#d48348 hex color

In a RGB color space, hex #d48348 is composed of 83.1% red, 51.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.2% magenta, 66% yellow and 16.9% black. It has a hue angle of 25.3 degrees, a saturation of 61.9% and a lightness of 55.7%. #d48348 color hex could be obtained by blending #ffff90 with #a90700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 51
- B 28
RGB color chart
- C 0
- M 38
- Y 66
- K 17
CMYK color chart

● #d48348 color description : Moderate orange.

The hexadecimal color #d48348 has RGB values of R:212, G:131, B:72 and CMYK values of C:0, M:0.38, Y:0.66, K:0.17. Its decimal value is 13927240.

Hex triplet	d48348	`#d48348`
RGB Decimal	212, 131, 72	`rgb(212,131,72)`
RGB Percent	83.1, 51.4, 28.2	`rgb(83.1%,51.4%,28.2%)`
CMYK	0, 38, 66, 17
HSL	25.3°, 61.9, 55.7	`hsl(25.3,61.9%,55.7%)`
HSV (or HSB)	25.3°, 66, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.254, 25.925, 44.274
XYZ	36.438, 30.7, 10.137
xyY	0.472, 0.397, 30.7
CIE-LCH	62.254, 51.306, 59.648
CIE-LUV	62.254, 63.567, 45.001
Hunter-Lab	55.408, 20.425, 27.938
Binary	11010100, 10000011, 01001000

#d48348
```
#d48348 rgb(212,131,72)
```
#4899d4
```
#4899d4 rgb(72,153,212)
```

Complementary Color

#d44853
```
#d44853 rgb(212,72,83)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#d4c948
```
#d4c948 rgb(212,201,72)
```

Analogous Color

#4853d4
```
#4853d4 rgb(72,83,212)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#48d4c9
```
#48d4c9 rgb(72,212,201)
```

Split Complementary Color

#8348d4
```
#8348d4 rgb(131,72,212)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#48d483
```
#48d483 rgb(72,212,131)
```

Triadic Color

#d44899
```
#d44899 rgb(212,72,153)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#48d483
```
#48d483 rgb(72,212,131)
```
#4899d4
```
#4899d4 rgb(72,153,212)
```

Tetradic Color

#a85e27
```
#a85e27 rgb(168,94,39)
```
#bd692c
```
#bd692c rgb(189,105,44)
```
#cf7533
```
#cf7533 rgb(207,117,51)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#d9915d
```
#d9915d rgb(217,145,93)
```
#de9f71
```
#de9f71 rgb(222,159,113)
```
#e3ad86
```
#e3ad86 rgb(227,173,134)
```

Monochromatic Color

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

#d46048
```
#d46048 rgb(212,96,72)
```
#d46c48
```
#d46c48 rgb(212,108,72)
```
#d47748
```
#d47748 rgb(212,119,72)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#d48f48
```
#d48f48 rgb(212,143,72)
```
#d49a48
```
#d49a48 rgb(212,154,72)
```
#d4a648
```
#d4a648 rgb(212,166,72)
```

Similar Colors

Text with hexadecimal color #d48348

This text has a font color of #d48348.

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

#d48348 background color

This paragraph has a background color of #d48348.

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

#d48348 border color

This element has a border color of #d48348.

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

CSS codes

.text {color:#d48348;}

.background {background-color:#d48348;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#170d06
```
#170d06 rgb(23,13,6)
```
#271609
```
#271609 rgb(39,22,9)
```
#371f0d
```
#371f0d rgb(55,31,13)
```
#472811
```
#472811 rgb(71,40,17)
```
#573114
```
#573114 rgb(87,49,20)
```
#673918
```
#673918 rgb(103,57,24)
```
#77421c
```
#77421c rgb(119,66,28)
```
#874b20
```
#874b20 rgb(135,75,32)
```
#975423
```
#975423 rgb(151,84,35)
```
#a65d27
```
#a65d27 rgb(166,93,39)
```
#b6662b
```
#b6662b rgb(182,102,43)
```
#c66e2f
```
#c66e2f rgb(198,110,47)
```

Shade Color Variation

#d07838
```
#d07838 rgb(208,120,56)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#d88e58
```
#d88e58 rgb(216,142,88)
```
#db9968
```
#db9968 rgb(219,153,104)
```
#dfa378
```
#dfa378 rgb(223,163,120)
```
#e3ae88
```
#e3ae88 rgb(227,174,136)
```
#e7b997
```
#e7b997 rgb(231,185,151)
```
#eac4a7
```
#eac4a7 rgb(234,196,167)
```
#eeceb7
```
#eeceb7 rgb(238,206,183)
```
#f2d9c7
```
#f2d9c7 rgb(242,217,199)
```
#f6e4d7
```
#f6e4d7 rgb(246,228,215)
```
#f9efe7
```
#f9efe7 rgb(249,239,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#978d85
```
#978d85 rgb(151,141,133)
```
#a08b7c
```
#a08b7c rgb(160,139,124)
```
#a98a73
```
#a98a73 rgb(169,138,115)
```
#b1886b
```
#b1886b rgb(177,136,107)
```
#ba8762
```
#ba8762 rgb(186,135,98)
```
#c38659
```
#c38659 rgb(195,134,89)
```
#cb8451
```
#cb8451 rgb(203,132,81)
```
#d48348
```
#d48348 rgb(212,131,72)
```
#dd823f
```
#dd823f rgb(221,130,63)
```
#e58037
```
#e58037 rgb(229,128,55)
```
#ee7f2e
```
#ee7f2e rgb(238,127,46)
```
#f77e25
```
#f77e25 rgb(247,126,37)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a19185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9b57 Protanopia 1% of men
#be944e Deuteranopia 1% of men
#da828b Tritanopia 0.001% of the population

Trichromacy

#b99251 Protanomaly 1% of men, 0.01% of women
#c68e4b Deuteranomaly 6% of men, 0.4% of women
#d78272 Tritanomaly 0.01% of the population

#d48348 hex color

#d48348 Color Information

#d48348 Color Conversion

Color Schemes with #d48348

Alternatives to #d48348

#d48348 Preview

Shades and Tints of #d48348

Tones of #d48348

Color Blindness Simulator