#d48f66 hex color

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

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

● #d48f66 color description : Moderate orange.

The hexadecimal color #d48f66 has RGB values of R:212, G:143, B:102 and CMYK values of C:0, M:0.33, Y:0.52, K:0.17. Its decimal value is 13930342.

Hex triplet	d48f66	`#d48f66`
RGB Decimal	212, 143, 102	`rgb(212,143,102)`
RGB Percent	83.1, 56.1, 40	`rgb(83.1%,56.1%,40%)`
CMYK	0, 33, 52, 17
HSL	22.4°, 56.1, 61.6	`hsl(22.4,56.1%,61.6%)`
HSV (or HSB)	22.4°, 51.9, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.439, 21.695, 32.349
XYZ	39.373, 34.604, 17.175
xyY	0.432, 0.38, 34.604
CIE-LCH	65.439, 38.951, 56.151
CIE-LUV	65.439, 51.35, 35.941
Hunter-Lab	58.825, 16.53, 23.866
Binary	11010100, 10001111, 01100110

#d48f66
```
#d48f66 rgb(212,143,102)
```
#66abd4
```
#66abd4 rgb(102,171,212)
```

Complementary Color

#d46674
```
#d46674 rgb(212,102,116)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#d4c666
```
#d4c666 rgb(212,198,102)
```

Analogous Color

#6674d4
```
#6674d4 rgb(102,116,212)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#66d4c6
```
#66d4c6 rgb(102,212,198)
```

Split Complementary Color

#8f66d4
```
#8f66d4 rgb(143,102,212)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#66d48f
```
#66d48f rgb(102,212,143)
```

Triadic Color

#d466ab
```
#d466ab rgb(212,102,171)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#66d48f
```
#66d48f rgb(102,212,143)
```
#66abd4
```
#66abd4 rgb(102,171,212)
```

Tetradic Color

#b96634
```
#b96634 rgb(185,102,52)
```
#c9723e
```
#c9723e rgb(201,114,62)
```
#ce8052
```
#ce8052 rgb(206,128,82)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#da9e7a
```
#da9e7a rgb(218,158,122)
```
#dfac8e
```
#dfac8e rgb(223,172,142)
```
#e5bba2
```
#e5bba2 rgb(229,187,162)
```

Monochromatic Color

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

#d47466
```
#d47466 rgb(212,116,102)
```
#d47d66
```
#d47d66 rgb(212,125,102)
```
#d48666
```
#d48666 rgb(212,134,102)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#d49866
```
#d49866 rgb(212,152,102)
```
#d4a166
```
#d4a166 rgb(212,161,102)
```
#d4ab66
```
#d4ab66 rgb(212,171,102)
```

Similar Colors

Text with hexadecimal color #d48f66

This text has a font color of #d48f66.

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

#d48f66 background color

This paragraph has a background color of #d48f66.

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

#d48f66 border color

This element has a border color of #d48f66.

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

CSS codes

.text {color:#d48f66;}

.background {background-color:#d48f66;}

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

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 #fbf4f0 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0f0804
```
#0f0804 rgb(15,8,4)
```
#1f1109
```
#1f1109 rgb(31,17,9)
```
#2e190d
```
#2e190d rgb(46,25,13)
```
#3d2211
```
#3d2211 rgb(61,34,17)
```
#4d2a16
```
#4d2a16 rgb(77,42,22)
```
#5c331a
```
#5c331a rgb(92,51,26)
```
#6b3b1e
```
#6b3b1e rgb(107,59,30)
```
#7b4322
```
#7b4322 rgb(123,67,34)
```
#8a4c27
```
#8a4c27 rgb(138,76,39)
```
#99542b
```
#99542b rgb(153,84,43)
```
#a95d2f
```
#a95d2f rgb(169,93,47)
```
#b86534
```
#b86534 rgb(184,101,52)
```

Shade Color Variation

#c76d38
```
#c76d38 rgb(199,109,56)
```
#cb7947
```
#cb7947 rgb(203,121,71)
```
#d08457
```
#d08457 rgb(208,132,87)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#d89a75
```
#d89a75 rgb(216,154,117)
```
#dda585
```
#dda585 rgb(221,165,133)
```
#e1b194
```
#e1b194 rgb(225,177,148)
```
#e5bca3
```
#e5bca3 rgb(229,188,163)
```
#eac7b3
```
#eac7b3 rgb(234,199,179)
```
#eed2c2
```
#eed2c2 rgb(238,210,194)
```
#f2ddd1
```
#f2ddd1 rgb(242,221,209)
```
#f6e9e0
```
#f6e9e0 rgb(246,233,224)
```
#fbf4f0
```
#fbf4f0 rgb(251,244,240)
```

Tint Color Variation

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

#9f9c9b
```
#9f9c9b rgb(159,156,155)
```
#a79b93
```
#a79b93 rgb(167,155,147)
```
#ae998c
```
#ae998c rgb(174,153,140)
```
#b69784
```
#b69784 rgb(182,151,132)
```
#bd957d
```
#bd957d rgb(189,149,125)
```
#c59375
```
#c59375 rgb(197,147,117)
```
#cc916e
```
#cc916e rgb(204,145,110)
```
#d48f66
```
#d48f66 rgb(212,143,102)
```
#dc8d5e
```
#dc8d5e rgb(220,141,94)
```
#e38b57
```
#e38b57 rgb(227,139,87)
```
#eb894f
```
#eb894f rgb(235,137,79)
```
#f28748
```
#f28748 rgb(242,135,72)
```
#fa8540
```
#fa8540 rgb(250,133,64)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#aa9c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a373 Protanopia 1% of men
#c49d6b Deuteranopia 1% of men
#da8f98 Tritanopia 0.001% of the population

Trichromacy

#bd9c6e Protanomaly 1% of men, 0.01% of women
#c99769 Deuteranomaly 6% of men, 0.4% of women
#d78f86 Tritanomaly 0.01% of the population

#d48f66 hex color

#d48f66 Color Information

#d48f66 Color Conversion

Color Schemes with #d48f66

Alternatives to #d48f66

#d48f66 Preview

Shades and Tints of #d48f66

Tones of #d48f66

Color Blindness Simulator