#d99f48 hex color

In a RGB color space, hex #d99f48 is composed of 85.1% red, 62.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 66.8% yellow and 14.9% black. It has a hue angle of 36 degrees, a saturation of 65.6% and a lightness of 56.7%. #d99f48 color hex could be obtained by blending #ffff90 with #b33f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 85
- G 62
- B 28
RGB color chart
- C 0
- M 27
- Y 67
- K 15
CMYK color chart

● #d99f48 color description : Soft orange.

The hexadecimal color #d99f48 has RGB values of R:217, G:159, B:72 and CMYK values of C:0, M:0.27, Y:0.67, K:0.15. Its decimal value is 14262088.

Hex triplet	d99f48	`#d99f48`
RGB Decimal	217, 159, 72	`rgb(217,159,72)`
RGB Percent	85.1, 62.4, 28.2	`rgb(85.1%,62.4%,28.2%)`
CMYK	0, 27, 67, 15
HSL	36°, 65.6, 56.7	`hsl(36,65.6%,56.7%)`
HSV (or HSB)	36°, 66.8, 85.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.482, 12.934, 52.482
XYZ	42.184, 40.018, 11.633
xyY	0.45, 0.426, 40.018
CIE-LCH	69.482, 54.052, 76.156
CIE-LUV	69.482, 46.31, 57.253
Hunter-Lab	63.26, 8.325, 33.379
Binary	11011001, 10011111, 01001000

#d99f48
```
#d99f48 rgb(217,159,72)
```
#4882d9
```
#4882d9 rgb(72,130,217)
```

Complementary Color

#d95748
```
#d95748 rgb(217,87,72)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#cbd948
```
#cbd948 rgb(203,217,72)
```

Analogous Color

#5648d9
```
#5648d9 rgb(86,72,217)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#48cbd9
```
#48cbd9 rgb(72,203,217)
```

Split Complementary Color

#9f48d9
```
#9f48d9 rgb(159,72,217)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#48d99f
```
#48d99f rgb(72,217,159)
```

Triadic Color

#d94882
```
#d94882 rgb(217,72,130)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#48d99f
```
#48d99f rgb(72,217,159)
```
#4882d9
```
#4882d9 rgb(72,130,217)
```

Tetradic Color

#b07825
```
#b07825 rgb(176,120,37)
```
#c58729
```
#c58729 rgb(197,135,41)
```
#d59433
```
#d59433 rgb(213,148,51)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#ddaa5d
```
#ddaa5d rgb(221,170,93)
```
#e2b572
```
#e2b572 rgb(226,181,114)
```
#e6c087
```
#e6c087 rgb(230,192,135)
```

Monochromatic Color

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

#d97b48
```
#d97b48 rgb(217,123,72)
```
#d98748
```
#d98748 rgb(217,135,72)
```
#d99348
```
#d99348 rgb(217,147,72)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#d9ab48
```
#d9ab48 rgb(217,171,72)
```
#d9b748
```
#d9b748 rgb(217,183,72)
```
#d9c348
```
#d9c348 rgb(217,195,72)
```

Similar Colors

Text with hexadecimal color #d99f48

This text has a font color of #d99f48.

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

#d99f48 background color

This paragraph has a background color of #d99f48.

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

#d99f48 border color

This element has a border color of #d99f48.

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

CSS codes

.text {color:#d99f48;}

.background {background-color:#d99f48;}

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

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

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1c1306
```
#1c1306 rgb(28,19,6)
```
#2c1e09
```
#2c1e09 rgb(44,30,9)
```
#3d290d
```
#3d290d rgb(61,41,13)
```
#4d3510
```
#4d3510 rgb(77,53,16)
```
#5d4013
```
#5d4013 rgb(93,64,19)
```
#6d4b17
```
#6d4b17 rgb(109,75,23)
```
#7e561a
```
#7e561a rgb(126,86,26)
```
#8e611d
```
#8e611d rgb(142,97,29)
```
#9e6c21
```
#9e6c21 rgb(158,108,33)
```
#ae7724
```
#ae7724 rgb(174,119,36)
```
#bf8228
```
#bf8228 rgb(191,130,40)
```
#cf8d2b
```
#cf8d2b rgb(207,141,43)
```

Shade Color Variation

#d69638
```
#d69638 rgb(214,150,56)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#dca858
```
#dca858 rgb(220,168,88)
```
#e0b068
```
#e0b068 rgb(224,176,104)
```
#e3b979
```
#e3b979 rgb(227,185,121)
```
#e6c189
```
#e6c189 rgb(230,193,137)
```
#eaca99
```
#eaca99 rgb(234,202,153)
```
#edd2a9
```
#edd2a9 rgb(237,210,169)
```
#f1dbba
```
#f1dbba rgb(241,219,186)
```
#f4e3ca
```
#f4e3ca rgb(244,227,202)
```
#f7ecda
```
#f7ecda rgb(247,236,218)
```
#fbf4ea
```
#fbf4ea rgb(251,244,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#95918c
```
#95918c rgb(149,145,140)
```
#9e9384
```
#9e9384 rgb(158,147,132)
```
#a6957b
```
#a6957b rgb(166,149,123)
```
#af9773
```
#af9773 rgb(175,151,115)
```
#b7986a
```
#b7986a rgb(183,152,106)
```
#c09a62
```
#c09a62 rgb(192,154,98)
```
#c89c59
```
#c89c59 rgb(200,156,89)
```
#d19d51
```
#d19d51 rgb(209,157,81)
```
#d99f48
```
#d99f48 rgb(217,159,72)
```
#e2a140
```
#e2a140 rgb(226,161,64)
```
#eaa237
```
#eaa237 rgb(234,162,55)
```
#f3a42f
```
#f3a42f rgb(243,164,47)
```
#fba626
```
#fba626 rgb(251,166,38)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b0a593 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ae54 Protanopia 1% of men
#d5a650 Deuteranopia 1% of men
#e19aa5 Tritanopia 0.001% of the population

Trichromacy

#c9a850 Protanomaly 1% of men, 0.01% of women
#d7a34d Deuteranomaly 6% of men, 0.4% of women
#de9c83 Tritanomaly 0.01% of the population

#d99f48 hex color

#d99f48 Color Information

#d99f48 Color Conversion

Color Schemes with #d99f48

Alternatives to #d99f48

#d99f48 Preview

Shades and Tints of #d99f48

Tones of #d99f48

Color Blindness Simulator