#d84048 hex color

In a RGB color space, hex #d84048 is composed of 84.7% red, 25.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 66.7% yellow and 15.3% black. It has a hue angle of 356.8 degrees, a saturation of 66.1% and a lightness of 54.9%. #d84048 color hex could be obtained by blending #ff8090 with #b10000. Closest websafe color is: #cc3333.

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

● #d84048 color description : Moderate red.

The hexadecimal color #d84048 has RGB values of R:216, G:64, B:72 and CMYK values of C:0, M:0.7, Y:0.67, K:0.15. Its decimal value is 14172232.

Hex triplet	d84048	`#d84048`
RGB Decimal	216, 64, 72	`rgb(216,64,72)`
RGB Percent	84.7, 25.1, 28.2	`rgb(84.7%,25.1%,28.2%)`
CMYK	0, 70, 67, 15
HSL	356.8°, 66.1, 54.9	`hsl(356.8,66.1%,54.9%)`
HSV (or HSB)	356.8°, 70.4, 84.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.378, 59.253, 30.338
XYZ	31.323, 18.737, 8.098
xyY	0.539, 0.322, 18.737
CIE-LCH	50.378, 66.568, 27.113
CIE-LUV	50.378, 114.159, 21.315
Hunter-Lab	43.286, 53.417, 19.209
Binary	11011000, 01000000, 01001000

#d84048
```
#d84048 rgb(216,64,72)
```
#40d8d0
```
#40d8d0 rgb(64,216,208)
```

Complementary Color

#d84094
```
#d84094 rgb(216,64,148)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#d88440
```
#d88440 rgb(216,132,64)
```

Analogous Color

#4094d8
```
#4094d8 rgb(64,148,216)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#40d884
```
#40d884 rgb(64,216,132)
```

Split Complementary Color

#4048d8
```
#4048d8 rgb(64,72,216)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#48d840
```
#48d840 rgb(72,216,64)
```

Triadic Color

#d040d8
```
#d040d8 rgb(208,64,216)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#48d840
```
#48d840 rgb(72,216,64)
```
#40d8d0
```
#40d8d0 rgb(64,216,208)
```

Tetradic Color

#a9232a
```
#a9232a rgb(169,35,42)
```
#be272f
```
#be272f rgb(190,39,47)
```
#d32b34
```
#d32b34 rgb(211,43,52)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#dc555c
```
#dc555c rgb(220,85,92)
```
#e16a71
```
#e16a71 rgb(225,106,113)
```
#e58085
```
#e58085 rgb(229,128,133)
```

Monochromatic Color

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

#d8406e
```
#d8406e rgb(216,64,110)
```
#d84061
```
#d84061 rgb(216,64,97)
```
#d84055
```
#d84055 rgb(216,64,85)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#d84540
```
#d84540 rgb(216,69,64)
```
#d85140
```
#d85140 rgb(216,81,64)
```
#d85e40
```
#d85e40 rgb(216,94,64)
```

Similar Colors

Text with hexadecimal color #d84048

This text has a font color of #d84048.

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

#d84048 background color

This paragraph has a background color of #d84048.

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

#d84048 border color

This element has a border color of #d84048.

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

CSS codes

.text {color:#d84048;}

.background {background-color:#d84048;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150405
```
#150405 rgb(21,4,5)
```
#250809
```
#250809 rgb(37,8,9)
```
#350b0d
```
#350b0d rgb(53,11,13)
```
#460e11
```
#460e11 rgb(70,14,17)
```
#561215
```
#561215 rgb(86,18,21)
```
#661519
```
#661519 rgb(102,21,25)
```
#76181d
```
#76181d rgb(118,24,29)
```
#871c21
```
#871c21 rgb(135,28,33)
```
#971f25
```
#971f25 rgb(151,31,37)
```
#a72229
```
#a72229 rgb(167,34,41)
```
#b8262d
```
#b8262d rgb(184,38,45)
```
#c82931
```
#c82931 rgb(200,41,49)
```

Shade Color Variation

#d53038
```
#d53038 rgb(213,48,56)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#db5058
```
#db5058 rgb(219,80,88)
```
#df6167
```
#df6167 rgb(223,97,103)
```
#e27177
```
#e27177 rgb(226,113,119)
```
#e58186
```
#e58186 rgb(229,129,134)
```
#e99196
```
#e99196 rgb(233,145,150)
```
#eca2a6
```
#eca2a6 rgb(236,162,166)
```
#efb2b5
```
#efb2b5 rgb(239,178,181)
```
#f3c2c5
```
#f3c2c5 rgb(243,194,197)
```
#f6d3d4
```
#f6d3d4 rgb(246,211,212)
```
#f9e3e4
```
#f9e3e4 rgb(249,227,228)
```
#fdf3f4
```
#fdf3f4 rgb(253,243,244)
```

Tint Color Variation

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

#918787
```
#918787 rgb(145,135,135)
```
#9a7e7f
```
#9a7e7f rgb(154,126,127)
```
#a37577
```
#a37577 rgb(163,117,119)
```
#ac6c70
```
#ac6c70 rgb(172,108,112)
```
#b56368
```
#b56368 rgb(181,99,104)
```
#bd5b60
```
#bd5b60 rgb(189,91,96)
```
#c65258
```
#c65258 rgb(198,82,88)
```
#cf4950
```
#cf4950 rgb(207,73,80)
```
#d84048
```
#d84048 rgb(216,64,72)
```
#e13740
```
#e13740 rgb(225,55,64)
```
#ea2e38
```
#ea2e38 rgb(234,46,56)
```
#f32530
```
#f32530 rgb(243,37,48)
```
#fb1d28
```
#fb1d28 rgb(251,29,40)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#836566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877e64 Protanopia 1% of men
#9a7947 Deuteranopia 1% of men
#d94a4e Tritanopia 0.001% of the population

Trichromacy

#a4675a Protanomaly 1% of men, 0.01% of women
#b06447 Deuteranomaly 6% of men, 0.4% of women
#d9464b Tritanomaly 0.01% of the population

#d84048 hex color

#d84048 Color Information

#d84048 Color Conversion

Color Schemes with #d84048

Alternatives to #d84048

#d84048 Preview

Shades and Tints of #d84048

Tones of #d84048

Color Blindness Simulator