#df314d hex color

In a RGB color space, hex #df314d is composed of 87.5% red, 19.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78% magenta, 65.5% yellow and 12.5% black. It has a hue angle of 350.3 degrees, a saturation of 73.1% and a lightness of 53.3%. #df314d color hex could be obtained by blending #ff629a with #bf0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 87
- G 19
- B 30
RGB color chart
- C 0
- M 78
- Y 65
- K 13
CMYK color chart

● #df314d color description : Bright red.

The hexadecimal color #df314d has RGB values of R:223, G:49, B:77 and CMYK values of C:0, M:0.78, Y:0.65, K:0.13. Its decimal value is 14627149.

Hex triplet	df314d	`#df314d`
RGB Decimal	223, 49, 77	`rgb(223,49,77)`
RGB Percent	87.5, 19.2, 30.2	`rgb(87.5%,19.2%,30.2%)`
CMYK	0, 78, 65, 13
HSL	350.3°, 73.1, 53.3	`hsl(350.3,73.1%,53.3%)`
HSV (or HSB)	350.3°, 78, 87.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.007, 66.45, 27.183
XYZ	32.871, 18.424, 8.846
xyY	0.547, 0.306, 18.424
CIE-LCH	50.007, 71.795, 22.248
CIE-LUV	50.007, 125.949, 16.58
Hunter-Lab	42.924, 61.579, 17.827
Binary	11011111, 00110001, 01001101

#df314d
```
#df314d rgb(223,49,77)
```
#31dfc3
```
#31dfc3 rgb(49,223,195)
```

Complementary Color

#df31a4
```
#df31a4 rgb(223,49,164)
```
#df314d
```
#df314d rgb(223,49,77)
```
#df6c31
```
#df6c31 rgb(223,108,49)
```

Analogous Color

#31a4df
```
#31a4df rgb(49,164,223)
```
#df314d
```
#df314d rgb(223,49,77)
```
#31df6c
```
#31df6c rgb(49,223,108)
```

Split Complementary Color

#314ddf
```
#314ddf rgb(49,77,223)
```
#df314d
```
#df314d rgb(223,49,77)
```
#4ddf31
```
#4ddf31 rgb(77,223,49)
```

Triadic Color

#c331df
```
#c331df rgb(195,49,223)
```
#df314d
```
#df314d rgb(223,49,77)
```
#4ddf31
```
#4ddf31 rgb(77,223,49)
```
#31dfc3
```
#31dfc3 rgb(49,223,195)
```

Tetradic Color

#a91a31
```
#a91a31 rgb(169,26,49)
```
#bf1e38
```
#bf1e38 rgb(191,30,56)
```
#d5213e
```
#d5213e rgb(213,33,62)
```
#df314d
```
#df314d rgb(223,49,77)
```
#e24760
```
#e24760 rgb(226,71,96)
```
#e65d73
```
#e65d73 rgb(230,93,115)
```
#e97386
```
#e97386 rgb(233,115,134)
```

Monochromatic Color

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

#df3179
```
#df3179 rgb(223,49,121)
```
#df316a
```
#df316a rgb(223,49,106)
```
#df315b
```
#df315b rgb(223,49,91)
```
#df314d
```
#df314d rgb(223,49,77)
```
#df313f
```
#df313f rgb(223,49,63)
```
#df3231
```
#df3231 rgb(223,50,49)
```
#df4131
```
#df4131 rgb(223,65,49)
```

Similar Colors

Text with hexadecimal color #df314d

This text has a font color of #df314d.

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

#df314d background color

This paragraph has a background color of #df314d.

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

#df314d border color

This element has a border color of #df314d.

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

CSS codes

.text {color:#df314d;}

.background {background-color:#df314d;}

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

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

#0f0204
```
#0f0204 rgb(15,2,4)
```
#200509
```
#200509 rgb(32,5,9)
```
#31080e
```
#31080e rgb(49,8,14)
```
#420a13
```
#420a13 rgb(66,10,19)
```
#530d18
```
#530d18 rgb(83,13,24)
```
#640f1d
```
#640f1d rgb(100,15,29)
```
#751222
```
#751222 rgb(117,18,34)
```
#861527
```
#861527 rgb(134,21,39)
```
#97172c
```
#97172c rgb(151,23,44)
```
#a81a31
```
#a81a31 rgb(168,26,49)
```
#b81d36
```
#b81d36 rgb(184,29,54)
```
#c91f3b
```
#c91f3b rgb(201,31,59)
```
#da2240
```
#da2240 rgb(218,34,64)
```

Shade Color Variation

#df314d
```
#df314d rgb(223,49,77)
```
#e2425c
```
#e2425c rgb(226,66,92)
```
#e4536a
```
#e4536a rgb(228,83,106)
```
#e76479
```
#e76479 rgb(231,100,121)
```
#ea7588
```
#ea7588 rgb(234,117,136)
```
#ec8696
```
#ec8696 rgb(236,134,150)
```
#ef97a5
```
#ef97a5 rgb(239,151,165)
```
#f1a8b4
```
#f1a8b4 rgb(241,168,180)
```
#f4b9c2
```
#f4b9c2 rgb(244,185,194)
```
#f7cad1
```
#f7cad1 rgb(247,202,209)
```
#f9dbe0
```
#f9dbe0 rgb(249,219,224)
```
#fcecee
```
#fcecee rgb(252,236,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#8d8385
```
#8d8385 rgb(141,131,133)
```
#967a7f
```
#967a7f rgb(150,122,127)
```
#9f7178
```
#9f7178 rgb(159,113,120)
```
#a86872
```
#a86872 rgb(168,104,114)
```
#b15f6c
```
#b15f6c rgb(177,95,108)
```
#ba5666
```
#ba5666 rgb(186,86,102)
```
#c44c60
```
#c44c60 rgb(196,76,96)
```
#cd4359
```
#cd4359 rgb(205,67,89)
```
#d63a53
```
#d63a53 rgb(214,58,83)
```
#df314d
```
#df314d rgb(223,49,77)
```
#e82847
```
#e82847 rgb(232,40,71)
```
#f11f41
```
#f11f41 rgb(241,31,65)
```
#fa163a
```
#fa163a rgb(250,22,58)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#805d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837d6e Protanopia 1% of men
#98784a Deuteranopia 1% of men
#df3f41 Tritanopia 0.001% of the population

Trichromacy

#a56162 Protanomaly 1% of men, 0.01% of women
#b25e4b Deuteranomaly 6% of men, 0.4% of women
#df3a45 Tritanomaly 0.01% of the population

#df314d hex color

#df314d Color Information

#df314d Color Conversion

Color Schemes with #df314d

Alternatives to #df314d

#df314d Preview

Shades and Tints of #df314d

Tones of #df314d

Color Blindness Simulator