#d45f48 hex color

In a RGB color space, hex #d45f48 is composed of 83.1% red, 37.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 66% yellow and 16.9% black. It has a hue angle of 9.9 degrees, a saturation of 61.9% and a lightness of 55.7%. #d45f48 color hex could be obtained by blending #ffbe90 with #a90000. Closest websafe color is: #cc6633.

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

● #d45f48 color description : Moderate red.

The hexadecimal color #d45f48 has RGB values of R:212, G:95, B:72 and CMYK values of C:0, M:0.55, Y:0.66, K:0.17. Its decimal value is 13918024.

Hex triplet	d45f48	`#d45f48`
RGB Decimal	212, 95, 72	`rgb(212,95,72)`
RGB Percent	83.1, 37.3, 28.2	`rgb(83.1%,37.3%,28.2%)`
CMYK	0, 55, 66, 17
HSL	9.9°, 61.9, 55.7	`hsl(9.9,61.9%,55.7%)`
HSV (or HSB)	9.9°, 66, 83.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.713, 44.535, 35.46
XYZ	32.414, 22.652, 8.796
xyY	0.508, 0.355, 22.652
CIE-LCH	54.713, 56.928, 38.528
CIE-LUV	54.713, 90.651, 30.69
Hunter-Lab	47.595, 38.277, 22.359
Binary	11010100, 01011111, 01001000

#d45f48
```
#d45f48 rgb(212,95,72)
```
#48bdd4
```
#48bdd4 rgb(72,189,212)
```

Complementary Color

#d44877
```
#d44877 rgb(212,72,119)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#d4a548
```
#d4a548 rgb(212,165,72)
```

Analogous Color

#4877d4
```
#4877d4 rgb(72,119,212)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#48d4a5
```
#48d4a5 rgb(72,212,165)
```

Split Complementary Color

#5f48d4
```
#5f48d4 rgb(95,72,212)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#48d45f
```
#48d45f rgb(72,212,95)
```

Triadic Color

#d448bd
```
#d448bd rgb(212,72,189)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#48d45f
```
#48d45f rgb(72,212,95)
```
#48bdd4
```
#48bdd4 rgb(72,189,212)
```

Tetradic Color

#a83d27
```
#a83d27 rgb(168,61,39)
```
#bd442c
```
#bd442c rgb(189,68,44)
```
#cf4d33
```
#cf4d33 rgb(207,77,51)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#d9715d
```
#d9715d rgb(217,113,93)
```
#de8371
```
#de8371 rgb(222,131,113)
```
#e39586
```
#e39586 rgb(227,149,134)
```

Monochromatic Color

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

#d44854
```
#d44854 rgb(212,72,84)
```
#d44848
```
#d44848 rgb(212,72,72)
```
#d45348
```
#d45348 rgb(212,83,72)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#d46b48
```
#d46b48 rgb(212,107,72)
```
#d47648
```
#d47648 rgb(212,118,72)
```
#d48248
```
#d48248 rgb(212,130,72)
```

Similar Colors

Text with hexadecimal color #d45f48

This text has a font color of #d45f48.

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

#d45f48 background color

This paragraph has a background color of #d45f48.

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

#d45f48 border color

This element has a border color of #d45f48.

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

CSS codes

.text {color:#d45f48;}

.background {background-color:#d45f48;}

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

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

#080302
```
#080302 rgb(8,3,2)
```
#170806
```
#170806 rgb(23,8,6)
```
#270e09
```
#270e09 rgb(39,14,9)
```
#37140d
```
#37140d rgb(55,20,13)
```
#471a11
```
#471a11 rgb(71,26,17)
```
#571f14
```
#571f14 rgb(87,31,20)
```
#672518
```
#672518 rgb(103,37,24)
```
#772b1c
```
#772b1c rgb(119,43,28)
```
#873120
```
#873120 rgb(135,49,32)
```
#973623
```
#973623 rgb(151,54,35)
```
#a63c27
```
#a63c27 rgb(166,60,39)
```
#b6422b
```
#b6422b rgb(182,66,43)
```
#c6472f
```
#c6472f rgb(198,71,47)
```

Shade Color Variation

#d05138
```
#d05138 rgb(208,81,56)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#d86d58
```
#d86d58 rgb(216,109,88)
```
#db7b68
```
#db7b68 rgb(219,123,104)
```
#df8978
```
#df8978 rgb(223,137,120)
```
#e39788
```
#e39788 rgb(227,151,136)
```
#e7a497
```
#e7a497 rgb(231,164,151)
```
#eab2a7
```
#eab2a7 rgb(234,178,167)
```
#eec0b7
```
#eec0b7 rgb(238,192,183)
```
#f2cec7
```
#f2cec7 rgb(242,206,199)
```
#f6dcd7
```
#f6dcd7 rgb(246,220,215)
```
#f9eae7
```
#f9eae7 rgb(249,234,231)
```
#fdf8f7
```
#fdf8f7 rgb(253,248,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 #f74825 is the most saturated one.

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#978885
```
#978885 rgb(151,136,133)
```
#a0827c
```
#a0827c rgb(160,130,124)
```
#a97c73
```
#a97c73 rgb(169,124,115)
```
#b1766b
```
#b1766b rgb(177,118,107)
```
#ba7162
```
#ba7162 rgb(186,113,98)
```
#c36b59
```
#c36b59 rgb(195,107,89)
```
#cb6551
```
#cb6551 rgb(203,101,81)
```
#d45f48
```
#d45f48 rgb(212,95,72)
```
#dd593f
```
#dd593f rgb(221,89,63)
```
#e55337
```
#e55337 rgb(229,83,55)
```
#ee4d2e
```
#ee4d2e rgb(238,77,46)
```
#f74825
```
#f74825 rgb(247,72,37)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#907974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94895d Protanopia 1% of men
#a7834a Deuteranopia 1% of men
#d7636a Tritanopia 0.001% of the population

Trichromacy

#ab7955 Protanomaly 1% of men, 0.01% of women
#b77649 Deuteranomaly 6% of men, 0.4% of women
#d6625d Tritanomaly 0.01% of the population

#d45f48 hex color

#d45f48 Color Information

#d45f48 Color Conversion

Color Schemes with #d45f48

Alternatives to #d45f48

#d45f48 Preview

Shades and Tints of #d45f48

Tones of #d45f48

Color Blindness Simulator