#dc314d hex color

In a RGB color space, hex #dc314d is composed of 86.3% red, 19.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 65% yellow and 13.7% black. It has a hue angle of 350.2 degrees, a saturation of 71% and a lightness of 52.7%. #dc314d color hex could be obtained by blending #ff629a with #b90000. Closest websafe color is: #cc3366.

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

● #dc314d color description : Bright red.

The hexadecimal color #dc314d has RGB values of R:220, G:49, B:77 and CMYK values of C:0, M:0.78, Y:0.65, K:0.14. Its decimal value is 14430541.

Hex triplet	dc314d	`#dc314d`
RGB Decimal	220, 49, 77	`rgb(220,49,77)`
RGB Percent	86.3, 19.2, 30.2	`rgb(86.3%,19.2%,30.2%)`
CMYK	0, 78, 65, 14
HSL	350.2°, 71, 52.7	`hsl(350.2,71%,52.7%)`
HSV (or HSB)	350.2°, 77.7, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.438, 65.611, 26.342
XYZ	31.954, 17.952, 8.803
xyY	0.544, 0.306, 17.952
CIE-LCH	49.438, 70.702, 21.875
CIE-LUV	49.438, 123.573, 15.928
Hunter-Lab	42.37, 60.475, 17.34
Binary	11011100, 00110001, 01001101

#dc314d
```
#dc314d rgb(220,49,77)
```
#31dcc0
```
#31dcc0 rgb(49,220,192)
```

Complementary Color

#dc31a3
```
#dc31a3 rgb(220,49,163)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#dc6b31
```
#dc6b31 rgb(220,107,49)
```

Analogous Color

#31a3dc
```
#31a3dc rgb(49,163,220)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#31dc6b
```
#31dc6b rgb(49,220,107)
```

Split Complementary Color

#314ddc
```
#314ddc rgb(49,77,220)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#4ddc31
```
#4ddc31 rgb(77,220,49)
```

Triadic Color

#c031dc
```
#c031dc rgb(192,49,220)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#4ddc31
```
#4ddc31 rgb(77,220,49)
```
#31dcc0
```
#31dcc0 rgb(49,220,192)
```

Tetradic Color

#a51c32
```
#a51c32 rgb(165,28,50)
```
#ba2039
```
#ba2039 rgb(186,32,57)
```
#d02340
```
#d02340 rgb(208,35,64)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#e04760
```
#e04760 rgb(224,71,96)
```
#e35d73
```
#e35d73 rgb(227,93,115)
```
#e77286
```
#e77286 rgb(231,114,134)
```

Monochromatic Color

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

#dc3178
```
#dc3178 rgb(220,49,120)
```
#dc316a
```
#dc316a rgb(220,49,106)
```
#dc315b
```
#dc315b rgb(220,49,91)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#dc313f
```
#dc313f rgb(220,49,63)
```
#dc3231
```
#dc3231 rgb(220,50,49)
```
#dc4031
```
#dc4031 rgb(220,64,49)
```

Similar Colors

Text with hexadecimal color #dc314d

This text has a font color of #dc314d.

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

#dc314d background color

This paragraph has a background color of #dc314d.

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

#dc314d border color

This element has a border color of #dc314d.

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

CSS codes

.text {color:#dc314d;}

.background {background-color:#dc314d;}

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

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

#0c0204
```
#0c0204 rgb(12,2,4)
```
#1d0509
```
#1d0509 rgb(29,5,9)
```
#2e080e
```
#2e080e rgb(46,8,14)
```
#3e0b13
```
#3e0b13 rgb(62,11,19)
```
#4f0d18
```
#4f0d18 rgb(79,13,24)
```
#60101d
```
#60101d rgb(96,16,29)
```
#711322
```
#711322 rgb(113,19,34)
```
#811628
```
#811628 rgb(129,22,40)
```
#92192d
```
#92192d rgb(146,25,45)
```
#a31c32
```
#a31c32 rgb(163,28,50)
```
#b41f37
```
#b41f37 rgb(180,31,55)
```
#c4213c
```
#c4213c rgb(196,33,60)
```
#d52441
```
#d52441 rgb(213,36,65)
```

Shade Color Variation

#dc314d
```
#dc314d rgb(220,49,77)
```
#df425b
```
#df425b rgb(223,66,91)
```
#e2536a
```
#e2536a rgb(226,83,106)
```
#e56378
```
#e56378 rgb(229,99,120)
```
#e77487
```
#e77487 rgb(231,116,135)
```
#ea8595
```
#ea8595 rgb(234,133,149)
```
#ed96a4
```
#ed96a4 rgb(237,150,164)
```
#f0a6b2
```
#f0a6b2 rgb(240,166,178)
```
#f3b7c1
```
#f3b7c1 rgb(243,183,193)
```
#f6c8cf
```
#f6c8cf rgb(246,200,207)
```
#f8d9de
```
#f8d9de rgb(248,217,222)
```
#fbe9ec
```
#fbe9ec rgb(251,233,236)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#898485
```
#898485 rgb(137,132,133)
```
#927b7f
```
#927b7f rgb(146,123,127)
```
#9b7279
```
#9b7279 rgb(155,114,121)
```
#a46972
```
#a46972 rgb(164,105,114)
```
#ae5f6c
```
#ae5f6c rgb(174,95,108)
```
#b75666
```
#b75666 rgb(183,86,102)
```
#c04d60
```
#c04d60 rgb(192,77,96)
```
#c94459
```
#c94459 rgb(201,68,89)
```
#d33a53
```
#d33a53 rgb(211,58,83)
```
#dc314d
```
#dc314d rgb(220,49,77)
```
#e52847
```
#e52847 rgb(229,40,71)
```
#ef1e41
```
#ef1e41 rgb(239,30,65)
```
#f8153a
```
#f8153a rgb(248,21,58)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7e5c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827c6d Protanopia 1% of men
#96774b Deuteranopia 1% of men
#dd3f42 Tritanopia 0.001% of the population

Trichromacy

#a26061 Protanomaly 1% of men, 0.01% of women
#af5d4b Deuteranomaly 6% of men, 0.4% of women
#dc3a46 Tritanomaly 0.01% of the population

#dc314d hex color

#dc314d Color Information

#dc314d Color Conversion

Color Schemes with #dc314d

Alternatives to #dc314d

#dc314d Preview

Shades and Tints of #dc314d

Tones of #dc314d

Color Blindness Simulator