#d4314d hex color

In a RGB color space, hex #d4314d is composed of 83.1% red, 19.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 63.7% yellow and 16.9% black. It has a hue angle of 349.7 degrees, a saturation of 65.5% and a lightness of 51.2%. #d4314d color hex could be obtained by blending #ff629a with #a90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 19
- B 30
RGB color chart
- C 0
- M 77
- Y 64
- K 17
CMYK color chart

● #d4314d color description : Strong red.

The hexadecimal color #d4314d has RGB values of R:212, G:49, B:77 and CMYK values of C:0, M:0.77, Y:0.64, K:0.17. Its decimal value is 13906253.

Hex triplet	d4314d	`#d4314d`
RGB Decimal	212, 49, 77	`rgb(212,49,77)`
RGB Percent	83.1, 19.2, 30.2	`rgb(83.1%,19.2%,30.2%)`
CMYK	0, 77, 64, 17
HSL	349.7°, 65.5, 51.2	`hsl(349.7,65.5%,51.2%)`
HSV (or HSB)	349.7°, 76.9, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.922, 63.351, 24.093
XYZ	29.59, 16.733, 8.692
xyY	0.538, 0.304, 16.733
CIE-LCH	47.922, 67.778, 20.822
CIE-LUV	47.922, 117.201, 14.171
Hunter-Lab	40.906, 57.538, 16.035
Binary	11010100, 00110001, 01001101

#d4314d
```
#d4314d rgb(212,49,77)
```
#31d4b8
```
#31d4b8 rgb(49,212,184)
```

Complementary Color

#d4319f
```
#d4319f rgb(212,49,159)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#d46731
```
#d46731 rgb(212,103,49)
```

Analogous Color

#319fd4
```
#319fd4 rgb(49,159,212)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#31d467
```
#31d467 rgb(49,212,103)
```

Split Complementary Color

#314dd4
```
#314dd4 rgb(49,77,212)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#4dd431
```
#4dd431 rgb(77,212,49)
```

Triadic Color

#b831d4
```
#b831d4 rgb(184,49,212)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#4dd431
```
#4dd431 rgb(77,212,49)
```
#31d4b8
```
#31d4b8 rgb(49,212,184)
```

Tetradic Color

#992035
```
#992035 rgb(153,32,53)
```
#ae243c
```
#ae243c rgb(174,36,60)
```
#c32943
```
#c32943 rgb(195,41,67)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#d8465f
```
#d8465f rgb(216,70,95)
```
#dd5b71
```
#dd5b71 rgb(221,91,113)
```
#e17084
```
#e17084 rgb(225,112,132)
```

Monochromatic Color

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

#d43176
```
#d43176 rgb(212,49,118)
```
#d43168
```
#d43168 rgb(212,49,104)
```
#d4315b
```
#d4315b rgb(212,49,91)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#d4313f
```
#d4313f rgb(212,49,63)
```
#d43132
```
#d43132 rgb(212,49,50)
```
#d43e31
```
#d43e31 rgb(212,62,49)
```

Similar Colors

Text with hexadecimal color #d4314d

This text has a font color of #d4314d.

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

#d4314d background color

This paragraph has a background color of #d4314d.

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

#d4314d border color

This element has a border color of #d4314d.

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

CSS codes

.text {color:#d4314d;}

.background {background-color:#d4314d;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#150407
```
#150407 rgb(21,4,7)
```
#25080d
```
#25080d rgb(37,8,13)
```
#360b12
```
#360b12 rgb(54,11,18)
```
#460f18
```
#460f18 rgb(70,15,24)
```
#56121e
```
#56121e rgb(86,18,30)
```
#661523
```
#661523 rgb(102,21,35)
```
#771929
```
#771929 rgb(119,25,41)
```
#871c2e
```
#871c2e rgb(135,28,46)
```
#972034
```
#972034 rgb(151,32,52)
```
#a7233a
```
#a7233a rgb(167,35,58)
```
#b7263f
```
#b7263f rgb(183,38,63)
```
#c82a45
```
#c82a45 rgb(200,42,69)
```

Shade Color Variation

#d4314d
```
#d4314d rgb(212,49,77)
```
#d7415b
```
#d7415b rgb(215,65,91)
```
#db5169
```
#db5169 rgb(219,81,105)
```
#de6277
```
#de6277 rgb(222,98,119)
```
#e27285
```
#e27285 rgb(226,114,133)
```
#e58293
```
#e58293 rgb(229,130,147)
```
#e892a1
```
#e892a1 rgb(232,146,161)
```
#eca3af
```
#eca3af rgb(236,163,175)
```
#efb3bd
```
#efb3bd rgb(239,179,189)
```
#f2c3cb
```
#f2c3cb rgb(242,195,203)
```
#f6d3d9
```
#f6d3d9 rgb(246,211,217)
```
#f9e4e7
```
#f9e4e7 rgb(249,228,231)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Tint Color Variation

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

#877e7f
```
#877e7f rgb(135,126,127)
```
#917479
```
#917479 rgb(145,116,121)
```
#9b6a73
```
#9b6a73 rgb(155,106,115)
```
#a4616c
```
#a4616c rgb(164,97,108)
```
#ae5766
```
#ae5766 rgb(174,87,102)
```
#b74e60
```
#b74e60 rgb(183,78,96)
```
#c1445a
```
#c1445a rgb(193,68,90)
```
#ca3b53
```
#ca3b53 rgb(202,59,83)
```
#d4314d
```
#d4314d rgb(212,49,77)
```
#de2747
```
#de2747 rgb(222,39,71)
```
#e71e40
```
#e71e40 rgb(231,30,64)
```
#f1143a
```
#f1143a rgb(241,20,58)
```
#fa0b34
```
#fa0b34 rgb(250,11,52)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7b5b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d786d Protanopia 1% of men
#91734b Deuteranopia 1% of men
#d53f42 Tritanopia 0.001% of the population

Trichromacy

#9d5e61 Protanomaly 1% of men, 0.01% of women
#a95b4c Deuteranomaly 6% of men, 0.4% of women
#d43a46 Tritanomaly 0.01% of the population

#d4314d hex color

#d4314d Color Information

#d4314d Color Conversion

Color Schemes with #d4314d

Alternatives to #d4314d

#d4314d Preview

Shades and Tints of #d4314d

Tones of #d4314d

Color Blindness Simulator