#d48a61 hex color

In a RGB color space, hex #d48a61 is composed of 83.1% red, 54.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 54.2% yellow and 16.9% black. It has a hue angle of 21.4 degrees, a saturation of 57.2% and a lightness of 60.6%. #d48a61 color hex could be obtained by blending #ffffc2 with #a91500. Closest websafe color is: #cc9966.

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

● #d48a61 color description : Moderate orange.

The hexadecimal color #d48a61 has RGB values of R:212, G:138, B:97 and CMYK values of C:0, M:0.35, Y:0.54, K:0.17. Its decimal value is 13929057.

Hex triplet	d48a61	`#d48a61`
RGB Decimal	212, 138, 97	`rgb(212,138,97)`
RGB Percent	83.1, 54.1, 38	`rgb(83.1%,54.1%,38%)`
CMYK	0, 35, 54, 17
HSL	21.4°, 57.2, 60.6	`hsl(21.4,57.2%,60.6%)`
HSV (or HSB)	21.4°, 54.2, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.193, 23.965, 33.469
XYZ	38.398, 33.04, 15.664
xyY	0.441, 0.379, 33.04
CIE-LCH	64.193, 41.164, 54.395
CIE-LUV	64.193, 55.518, 36.284
Hunter-Lab	57.48, 18.653, 24.079
Binary	11010100, 10001010, 01100001

#d48a61
```
#d48a61 rgb(212,138,97)
```
#61abd4
```
#61abd4 rgb(97,171,212)
```

Complementary Color

#d46172
```
#d46172 rgb(212,97,114)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#d4c461
```
#d4c461 rgb(212,196,97)
```

Analogous Color

#6172d4
```
#6172d4 rgb(97,114,212)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#61d4c4
```
#61d4c4 rgb(97,212,196)
```

Split Complementary Color

#8a61d4
```
#8a61d4 rgb(138,97,212)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#61d48a
```
#61d48a rgb(97,212,138)
```

Triadic Color

#d461ab
```
#d461ab rgb(212,97,171)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#61d48a
```
#61d48a rgb(97,212,138)
```
#61abd4
```
#61abd4 rgb(97,171,212)
```

Tetradic Color

#b76132
```
#b76132 rgb(183,97,50)
```
#c96c39
```
#c96c39 rgb(201,108,57)
```
#cf7b4d
```
#cf7b4d rgb(207,123,77)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#d99975
```
#d99975 rgb(217,153,117)
```
#dfa889
```
#dfa889 rgb(223,168,137)
```
#e4b79d
```
#e4b79d rgb(228,183,157)
```

Monochromatic Color

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

#d46d61
```
#d46d61 rgb(212,109,97)
```
#d47761
```
#d47761 rgb(212,119,97)
```
#d48061
```
#d48061 rgb(212,128,97)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#d49461
```
#d49461 rgb(212,148,97)
```
#d49d61
```
#d49d61 rgb(212,157,97)
```
#d4a761
```
#d4a761 rgb(212,167,97)
```

Similar Colors

Text with hexadecimal color #d48a61

This text has a font color of #d48a61.

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

#d48a61 background color

This paragraph has a background color of #d48a61.

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

#d48a61 border color

This element has a border color of #d48a61.

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

CSS codes

.text {color:#d48a61;}

.background {background-color:#d48a61;}

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

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, #0c0603 is the darkest color, while #fefcfb is the lightest one.

#0c0603
```
#0c0603 rgb(12,6,3)
```
#1b0e07
```
#1b0e07 rgb(27,14,7)
```
#2a170c
```
#2a170c rgb(42,23,12)
```
#3a1f10
```
#3a1f10 rgb(58,31,16)
```
#492714
```
#492714 rgb(73,39,20)
```
#592f18
```
#592f18 rgb(89,47,24)
```
#68371c
```
#68371c rgb(104,55,28)
```
#784021
```
#784021 rgb(120,64,33)
```
#874825
```
#874825 rgb(135,72,37)
```
#965029
```
#965029 rgb(150,80,41)
```
#a6582d
```
#a6582d rgb(166,88,45)
```
#b56031
```
#b56031 rgb(181,96,49)
```
#c56936
```
#c56936 rgb(197,105,54)
```

Shade Color Variation

#cc7342
```
#cc7342 rgb(204,115,66)
```
#d07f52
```
#d07f52 rgb(208,127,82)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#d89570
```
#d89570 rgb(216,149,112)
```
#dca180
```
#dca180 rgb(220,161,128)
```
#e1ac8f
```
#e1ac8f rgb(225,172,143)
```
#e5b89f
```
#e5b89f rgb(229,184,159)
```
#e9c3ae
```
#e9c3ae rgb(233,195,174)
```
#edcfbe
```
#edcfbe rgb(237,207,190)
```
#f1dacd
```
#f1dacd rgb(241,218,205)
```
#f6e5dc
```
#f6e5dc rgb(246,229,220)
```
#faf1ec
```
#faf1ec rgb(250,241,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#9e9a97
```
#9e9a97 rgb(158,154,151)
```
#a6978f
```
#a6978f rgb(166,151,143)
```
#ad9588
```
#ad9588 rgb(173,149,136)
```
#b59380
```
#b59380 rgb(181,147,128)
```
#bd9178
```
#bd9178 rgb(189,145,120)
```
#c58e70
```
#c58e70 rgb(197,142,112)
```
#cc8c69
```
#cc8c69 rgb(204,140,105)
```
#d48a61
```
#d48a61 rgb(212,138,97)
```
#dc8859
```
#dc8859 rgb(220,136,89)
```
#e38652
```
#e38652 rgb(227,134,82)
```
#eb834a
```
#eb834a rgb(235,131,74)
```
#f38142
```
#f38142 rgb(243,129,66)
```
#fb7f3a
```
#fb7f3a rgb(251,127,58)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a6988f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada06f Protanopia 1% of men
#c19a66 Deuteranopia 1% of men
#d98a93 Tritanopia 0.001% of the population

Trichromacy

#bb986a Protanomaly 1% of men, 0.01% of women
#c79464 Deuteranomaly 6% of men, 0.4% of women
#d78a81 Tritanomaly 0.01% of the population

#d48a61 hex color

#d48a61 Color Information

#d48a61 Color Conversion

Color Schemes with #d48a61

Alternatives to #d48a61

#d48a61 Preview

Shades and Tints of #d48a61

Tones of #d48a61

Color Blindness Simulator