#dc324d hex color

In a RGB color space, hex #dc324d is composed of 86.3% red, 19.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 65% yellow and 13.7% black. It has a hue angle of 350.5 degrees, a saturation of 70.8% and a lightness of 52.9%. #dc324d color hex could be obtained by blending #ff649a with #b90000. Closest websafe color is: #cc3366.

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

● #dc324d color description : Bright red.

The hexadecimal color #dc324d has RGB values of R:220, G:50, B:77 and CMYK values of C:0, M:0.77, Y:0.65, K:0.14. Its decimal value is 14430797.

Hex triplet	dc324d	`#dc324d`
RGB Decimal	220, 50, 77	`rgb(220,50,77)`
RGB Percent	86.3, 19.6, 30.2	`rgb(86.3%,19.6%,30.2%)`
CMYK	0, 77, 65, 14
HSL	350.5°, 70.8, 52.9	`hsl(350.5,70.8%,52.9%)`
HSV (or HSB)	350.5°, 77.3, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.54, 65.322, 26.473
XYZ	31.997, 18.036, 8.817
xyY	0.544, 0.306, 18.036
CIE-LCH	49.54, 70.483, 22.061
CIE-LUV	49.54, 123.127, 16.145
Hunter-Lab	42.469, 60.162, 17.419
Binary	11011100, 00110010, 01001101

#dc324d
```
#dc324d rgb(220,50,77)
```
#32dcc1
```
#32dcc1 rgb(50,220,193)
```

Complementary Color

#dc32a2
```
#dc32a2 rgb(220,50,162)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#dc6c32
```
#dc6c32 rgb(220,108,50)
```

Analogous Color

#32a2dc
```
#32a2dc rgb(50,162,220)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#32dc6c
```
#32dc6c rgb(50,220,108)
```

Split Complementary Color

#324ddc
```
#324ddc rgb(50,77,220)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#4ddc32
```
#4ddc32 rgb(77,220,50)
```

Triadic Color

#c132dc
```
#c132dc rgb(193,50,220)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#4ddc32
```
#4ddc32 rgb(77,220,50)
```
#32dcc1
```
#32dcc1 rgb(50,220,193)
```

Tetradic Color

#a51c32
```
#a51c32 rgb(165,28,50)
```
#bb2039
```
#bb2039 rgb(187,32,57)
```
#d1243f
```
#d1243f rgb(209,36,63)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#e04860
```
#e04860 rgb(224,72,96)
```
#e35e73
```
#e35e73 rgb(227,94,115)
```
#e77386
```
#e77386 rgb(231,115,134)
```

Monochromatic Color

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

#dc3278
```
#dc3278 rgb(220,50,120)
```
#dc3269
```
#dc3269 rgb(220,50,105)
```
#dc325b
```
#dc325b rgb(220,50,91)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#dc3332
```
#dc3332 rgb(220,51,50)
```
#dc4132
```
#dc4132 rgb(220,65,50)
```

Similar Colors

Text with hexadecimal color #dc324d

This text has a font color of #dc324d.

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

#dc324d background color

This paragraph has a background color of #dc324d.

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

#dc324d border color

This element has a border color of #dc324d.

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

CSS codes

.text {color:#dc324d;}

.background {background-color:#dc324d;}

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

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

#0d0204
```
#0d0204 rgb(13,2,4)
```
#1e0509
```
#1e0509 rgb(30,5,9)
```
#2e080e
```
#2e080e rgb(46,8,14)
```
#3f0b13
```
#3f0b13 rgb(63,11,19)
```
#500e18
```
#500e18 rgb(80,14,24)
```
#61101d
```
#61101d rgb(97,16,29)
```
#711322
```
#711322 rgb(113,19,34)
```
#821627
```
#821627 rgb(130,22,39)
```
#93192c
```
#93192c rgb(147,25,44)
```
#a41c31
```
#a41c31 rgb(164,28,49)
```
#b41f37
```
#b41f37 rgb(180,31,55)
```
#c5223c
```
#c5223c rgb(197,34,60)
```
#d62541
```
#d62541 rgb(214,37,65)
```

Shade Color Variation

#dc324d
```
#dc324d rgb(220,50,77)
```
#df435c
```
#df435c rgb(223,67,92)
```
#e2546a
```
#e2546a rgb(226,84,106)
```
#e56479
```
#e56479 rgb(229,100,121)
```
#e77587
```
#e77587 rgb(231,117,135)
```
#ea8696
```
#ea8696 rgb(234,134,150)
```
#ed97a4
```
#ed97a4 rgb(237,151,164)
```
#f0a7b3
```
#f0a7b3 rgb(240,167,179)
```
#f3b8c1
```
#f3b8c1 rgb(243,184,193)
```
#f6c9d0
```
#f6c9d0 rgb(246,201,208)
```
#f9dade
```
#f9dade rgb(249,218,222)
```
#fbeaed
```
#fbeaed rgb(251,234,237)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#898586
```
#898586 rgb(137,133,134)
```
#927c7f
```
#927c7f rgb(146,124,127)
```
#9b7379
```
#9b7379 rgb(155,115,121)
```
#a56973
```
#a56973 rgb(165,105,115)
```
#ae606c
```
#ae606c rgb(174,96,108)
```
#b75766
```
#b75766 rgb(183,87,102)
```
#c04e60
```
#c04e60 rgb(192,78,96)
```
#ca445a
```
#ca445a rgb(202,68,90)
```
#d33b53
```
#d33b53 rgb(211,59,83)
```
#dc324d
```
#dc324d rgb(220,50,77)
```
#e52947
```
#e52947 rgb(229,41,71)
```
#ee2040
```
#ee2040 rgb(238,32,64)
```
#f8163a
```
#f8163a rgb(248,22,58)
```

Tone Color Variation

Below, you can see how #dc324d 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
#7f5d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#a36161 Protanomaly 1% of men, 0.01% of women
#af5e4b Deuteranomaly 6% of men, 0.4% of women
#dc3b46 Tritanomaly 0.01% of the population

#dc324d hex color

#dc324d Color Information

#dc324d Color Conversion

Color Schemes with #dc324d

Alternatives to #dc324d

#dc324d Preview

Shades and Tints of #dc324d

Tones of #dc324d

Color Blindness Simulator