colorhexa.com

#d74f4d hex color

In a RGB color space, hex #d74f4d is composed of 84.3% red, 31% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.3% magenta, 64.2% yellow and 15.7% black. It has a hue angle of 0.9 degrees, a saturation of 63.3% and a lightness of 57.3%. #d74f4d color hex could be obtained by blending #ff9e9a with #af0000. Closest websafe color is: #cc6666.

- R 84
- G 31
- B 30
RGB color chart
- C 0
- M 63
- Y 64
- K 16
CMYK color chart

● #d74f4d color description : Moderate red.

The hexadecimal color #d74f4d has RGB values of R:215, G:79, B:77 and CMYK values of C:0, M:0.63, Y:0.64, K:0.16. Its decimal value is 14110541.

Hex triplet	d74f4d	`#d74f4d`
RGB Decimal	215, 79, 77	`rgb(215,79,77)`
RGB Percent	84.3, 31, 30.2	`rgb(84.3%,31%,30.2%)`
CMYK	0, 63, 64, 16
HSL	0.9°, 63.3, 57.3	`hsl(0.9,63.3%,57.3%)`
HSV (or HSB)	0.9°, 64.2, 84.3
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.485, 53.225, 30.001
XYZ	32.161, 20.578, 9.299
xyY	0.518, 0.332, 20.578
CIE-LCH	52.485, 61.098, 29.408
CIE-LUV	52.485, 103.057, 23.155
Hunter-Lab	45.363, 47.165, 19.6
Binary	11010111, 01001111, 01001101

#d74f4d
```
#d74f4d rgb(215,79,77)
```
#4dd5d7
```
#4dd5d7 rgb(77,213,215)
```

Complementary Color

#d74d90
```
#d74d90 rgb(215,77,144)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#d7944d
```
#d7944d rgb(215,148,77)
```

Analogous Color

#4d90d7
```
#4d90d7 rgb(77,144,215)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#4dd794
```
#4dd794 rgb(77,215,148)
```

Split Complementary Color

#4f4dd7
```
#4f4dd7 rgb(79,77,215)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#4dd74f
```
#4dd74f rgb(77,215,79)
```

Triadic Color

#d74dd5
```
#d74dd5 rgb(215,77,213)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#4dd74f
```
#4dd74f rgb(77,215,79)
```
#4dd5d7
```
#4dd5d7 rgb(77,213,215)
```

Tetradic Color

#b02a28
```
#b02a28 rgb(176,42,40)
```
#c52e2c
```
#c52e2c rgb(197,46,44)
```
#d23a38
```
#d23a38 rgb(210,58,56)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#dc6462
```
#dc6462 rgb(220,100,98)
```
#e07877
```
#e07877 rgb(224,120,119)
```
#e58d8b
```
#e58d8b rgb(229,141,139)
```

Monochromatic Color

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

#d74d6e
```
#d74d6e rgb(215,77,110)
```
#d74d62
```
#d74d62 rgb(215,77,98)
```
#d74d57
```
#d74d57 rgb(215,77,87)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#d75a4d
```
#d75a4d rgb(215,90,77)
```
#d7664d
```
#d7664d rgb(215,102,77)
```
#d7724d
```
#d7724d rgb(215,114,77)
```

Similar Colors

Text with hexadecimal color #d74f4d

This text has a font color of #d74f4d.

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

#d74f4d background color

This paragraph has a background color of #d74f4d.

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

#d74f4d border color

This element has a border color of #d74f4d.

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

CSS codes

.text {color:#d74f4d;}

.background {background-color:#d74f4d;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0707
```
#1e0707 rgb(30,7,7)
```
#2e0b0a
```
#2e0b0a rgb(46,11,10)
```
#3e0f0e
```
#3e0f0e rgb(62,15,14)
```
#4e1212
```
#4e1212 rgb(78,18,18)
```
#5e1615
```
#5e1615 rgb(94,22,21)
```
#6e1a19
```
#6e1a19 rgb(110,26,25)
```
#7e1e1c
```
#7e1e1c rgb(126,30,28)
```
#8e2220
```
#8e2220 rgb(142,34,32)
```
#9e2524
```
#9e2524 rgb(158,37,36)
```
#ae2927
```
#ae2927 rgb(174,41,39)
```
#be2d2b
```
#be2d2b rgb(190,45,43)
```
#ce312e
```
#ce312e rgb(206,49,46)
```

Shade Color Variation

#d33f3d
```
#d33f3d rgb(211,63,61)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#db5f5d
```
#db5f5d rgb(219,95,93)
```
#de6f6d
```
#de6f6d rgb(222,111,109)
```
#e27f7d
```
#e27f7d rgb(226,127,125)
```
#e58e8d
```
#e58e8d rgb(229,142,141)
```
#e99e9d
```
#e99e9d rgb(233,158,157)
```
#edaead
```
#edaead rgb(237,174,173)
```
#f0bebd
```
#f0bebd rgb(240,190,189)
```
#f4cecd
```
#f4cecd rgb(244,206,205)
```
#f7dedd
```
#f7dedd rgb(247,222,221)
```
#fbeded
```
#fbeded rgb(251,237,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#949090
```
#949090 rgb(148,144,144)
```
#9c8888
```
#9c8888 rgb(156,136,136)
```
#a5807f
```
#a5807f rgb(165,128,127)
```
#ad7877
```
#ad7877 rgb(173,120,119)
```
#b5706f
```
#b5706f rgb(181,112,111)
```
#be6766
```
#be6766 rgb(190,103,102)
```
#c65f5e
```
#c65f5e rgb(198,95,94)
```
#cf5755
```
#cf5755 rgb(207,87,85)
```
#d74f4d
```
#d74f4d rgb(215,79,77)
```
#df4745
```
#df4745 rgb(223,71,69)
```
#e83f3c
```
#e83f3c rgb(232,63,60)
```
#f03734
```
#f03734 rgb(240,55,52)
```
#f92e2b
```
#f92e2b rgb(249,46,43)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8a6f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8366 Protanopia 1% of men
#9f7e4d Deuteranopia 1% of men
#d9575c Tritanopia 0.001% of the population

Trichromacy

#a7705d Protanomaly 1% of men, 0.01% of women
#b36d4d Deuteranomaly 6% of men, 0.4% of women
#d85456 Tritanomaly 0.01% of the population