#dc364f hex color

In a RGB color space, hex #dc364f is composed of 86.3% red, 21.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 64.1% yellow and 13.7% black. It has a hue angle of 351 degrees, a saturation of 70.3% and a lightness of 53.7%. #dc364f color hex could be obtained by blending #ff6c9e with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 21
- B 31
RGB color chart
- C 0
- M 75
- Y 64
- K 14
CMYK color chart

● #dc364f color description : Bright red.

The hexadecimal color #dc364f has RGB values of R:220, G:54, B:79 and CMYK values of C:0, M:0.75, Y:0.64, K:0.14. Its decimal value is 14431823.

Hex triplet	dc364f	`#dc364f`
RGB Decimal	220, 54, 79	`rgb(220,54,79)`
RGB Percent	86.3, 21.2, 31	`rgb(86.3%,21.2%,31%)`
CMYK	0, 75, 64, 14
HSL	351°, 70.3, 53.7	`hsl(351,70.3%,53.7%)`
HSV (or HSB)	351°, 75.5, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.004, 64.227, 25.865
XYZ	32.247, 18.422, 9.255
xyY	0.538, 0.307, 18.422
CIE-LCH	50.004, 69.24, 21.936
CIE-LUV	50.004, 120.689, 15.999
Hunter-Lab	42.921, 58.997, 17.261
Binary	11011100, 00110110, 01001111

#dc364f
```
#dc364f rgb(220,54,79)
```
#36dcc3
```
#36dcc3 rgb(54,220,195)
```

Complementary Color

#dc36a2
```
#dc36a2 rgb(220,54,162)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#dc7036
```
#dc7036 rgb(220,112,54)
```

Analogous Color

#36a2dc
```
#36a2dc rgb(54,162,220)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#36dc70
```
#36dc70 rgb(54,220,112)
```

Split Complementary Color

#364fdc
```
#364fdc rgb(54,79,220)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#4fdc36
```
#4fdc36 rgb(79,220,54)
```

Triadic Color

#c336dc
```
#c336dc rgb(195,54,220)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#4fdc36
```
#4fdc36 rgb(79,220,54)
```
#36dcc3
```
#36dcc3 rgb(54,220,195)
```

Tetradic Color

#a81d32
```
#a81d32 rgb(168,29,50)
```
#be2139
```
#be2139 rgb(190,33,57)
```
#d4253f
```
#d4253f rgb(212,37,63)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#e04c62
```
#e04c62 rgb(224,76,98)
```
#e46175
```
#e46175 rgb(228,97,117)
```
#e77788
```
#e77788 rgb(231,119,136)
```

Monochromatic Color

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

#dc3679
```
#dc3679 rgb(220,54,121)
```
#dc366b
```
#dc366b rgb(220,54,107)
```
#dc365d
```
#dc365d rgb(220,54,93)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#dc3641
```
#dc3641 rgb(220,54,65)
```
#dc3936
```
#dc3936 rgb(220,57,54)
```
#dc4636
```
#dc4636 rgb(220,70,54)
```

Similar Colors

Text with hexadecimal color #dc364f

This text has a font color of #dc364f.

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

#dc364f background color

This paragraph has a background color of #dc364f.

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

#dc364f border color

This element has a border color of #dc364f.

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

CSS codes

.text {color:#dc364f;}

.background {background-color:#dc364f;}

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

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

#100305
```
#100305 rgb(16,3,5)
```
#21060a
```
#21060a rgb(33,6,10)
```
#32090f
```
#32090f rgb(50,9,15)
```
#420c14
```
#420c14 rgb(66,12,20)
```
#530e19
```
#530e19 rgb(83,14,25)
```
#64111e
```
#64111e rgb(100,17,30)
```
#741423
```
#741423 rgb(116,20,35)
```
#851728
```
#851728 rgb(133,23,40)
```
#961a2d
```
#961a2d rgb(150,26,45)
```
#a71d32
```
#a71d32 rgb(167,29,50)
```
#b72037
```
#b72037 rgb(183,32,55)
```
#c8233c
```
#c8233c rgb(200,35,60)
```
#d92641
```
#d92641 rgb(217,38,65)
```

Shade Color Variation

#dc364f
```
#dc364f rgb(220,54,79)
```
#df475e
```
#df475e rgb(223,71,94)
```
#e2576c
```
#e2576c rgb(226,87,108)
```
#e5687b
```
#e5687b rgb(229,104,123)
```
#e8798a
```
#e8798a rgb(232,121,138)
```
#eb8a98
```
#eb8a98 rgb(235,138,152)
```
#ed9aa7
```
#ed9aa7 rgb(237,154,167)
```
#f0abb5
```
#f0abb5 rgb(240,171,181)
```
#f3bcc4
```
#f3bcc4 rgb(243,188,196)
```
#f6ccd3
```
#f6ccd3 rgb(246,204,211)
```
#f9dde1
```
#f9dde1 rgb(249,221,225)
```
#fceef0
```
#fceef0 rgb(252,238,240)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8a8888
```
#8a8888 rgb(138,136,136)
```
#937f82
```
#937f82 rgb(147,127,130)
```
#9c767b
```
#9c767b rgb(156,118,123)
```
#a66c75
```
#a66c75 rgb(166,108,117)
```
#af636f
```
#af636f rgb(175,99,111)
```
#b85a68
```
#b85a68 rgb(184,90,104)
```
#c15162
```
#c15162 rgb(193,81,98)
```
#ca485c
```
#ca485c rgb(202,72,92)
```
#d33f55
```
#d33f55 rgb(211,63,85)
```
#dc364f
```
#dc364f rgb(220,54,79)
```
#e52d49
```
#e52d49 rgb(229,45,73)
```
#ee2442
```
#ee2442 rgb(238,36,66)
```
#f71b3c
```
#f71b3c rgb(247,27,60)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#816065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837d6e Protanopia 1% of men
#97784d Deuteranopia 1% of men
#dd4346 Tritanopia 0.001% of the population

Trichromacy

#a36363 Protanomaly 1% of men, 0.01% of women
#b0604d Deuteranomaly 6% of men, 0.4% of women
#dc3e49 Tritanomaly 0.01% of the population

#dc364f hex color

#dc364f Color Information

#dc364f Color Conversion

Color Schemes with #dc364f

Alternatives to #dc364f

#dc364f Preview

Shades and Tints of #dc364f

Tones of #dc364f

Color Blindness Simulator