colorhexa.com

#dc323f hex color

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

- R 86
- G 20
- B 25
RGB color chart
- C 0
- M 77
- Y 71
- K 14
CMYK color chart

● #dc323f color description : Bright red.

The hexadecimal color #dc323f has RGB values of R:220, G:50, B:63 and CMYK values of C:0, M:0.77, Y:0.71, K:0.14. Its decimal value is 14430783.

Hex triplet	dc323f	`#dc323f`
RGB Decimal	220, 50, 63	`rgb(220,50,63)`
RGB Percent	86.3, 19.6, 24.7	`rgb(86.3%,19.6%,24.7%)`
CMYK	0, 77, 71, 14
HSL	355.4°, 70.8, 52.9	`hsl(355.4,70.8%,52.9%)`
HSV (or HSB)	355.4°, 77.3, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.325, 64.639, 34.512
XYZ	31.554, 17.86, 6.488
xyY	0.564, 0.319, 17.86
CIE-LCH	49.325, 73.276, 28.099
CIE-LUV	49.325, 126.923, 22.877
Hunter-Lab	42.261, 59.324, 20.48
Binary	11011100, 00110010, 00111111

#dc323f
```
#dc323f rgb(220,50,63)
```
#32dccf
```
#32dccf rgb(50,220,207)
```

Complementary Color

#dc3294
```
#dc3294 rgb(220,50,148)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#dc7a32
```
#dc7a32 rgb(220,122,50)
```

Analogous Color

#3294dc
```
#3294dc rgb(50,148,220)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#32dc7a
```
#32dc7a rgb(50,220,122)
```

Split Complementary Color

#323fdc
```
#323fdc rgb(50,63,220)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#3fdc32
```
#3fdc32 rgb(63,220,50)
```

Triadic Color

#cf32dc
```
#cf32dc rgb(207,50,220)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#3fdc32
```
#3fdc32 rgb(63,220,50)
```
#32dccf
```
#32dccf rgb(50,220,207)
```

Tetradic Color

#a51c27
```
#a51c27 rgb(165,28,39)
```
#bb202c
```
#bb202c rgb(187,32,44)
```
#d12431
```
#d12431 rgb(209,36,49)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#e04853
```
#e04853 rgb(224,72,83)
```
#e35e68
```
#e35e68 rgb(227,94,104)
```
#e7737c
```
#e7737c rgb(231,115,124)
```

Monochromatic Color

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

#dc326a
```
#dc326a rgb(220,50,106)
```
#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)
```
#dc5032
```
#dc5032 rgb(220,80,50)
```

Similar Colors

Text with hexadecimal color #dc323f

This text has a font color of #dc323f.

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

#dc323f background color

This paragraph has a background color of #dc323f.

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

#dc323f border color

This element has a border color of #dc323f.

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

CSS codes

.text {color:#dc323f;}

.background {background-color:#dc323f;}

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

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

#0d0203
```
#0d0203 rgb(13,2,3)
```
#1e0507
```
#1e0507 rgb(30,5,7)
```
#2e080b
```
#2e080b rgb(46,8,11)
```
#3f0b0f
```
#3f0b0f rgb(63,11,15)
```
#500e13
```
#500e13 rgb(80,14,19)
```
#611017
```
#611017 rgb(97,16,23)
```
#71131b
```
#71131b rgb(113,19,27)
```
#82161e
```
#82161e rgb(130,22,30)
```
#931922
```
#931922 rgb(147,25,34)
```
#a41c26
```
#a41c26 rgb(164,28,38)
```
#b41f2a
```
#b41f2a rgb(180,31,42)
```
#c5222e
```
#c5222e rgb(197,34,46)
```
#d62532
```
#d62532 rgb(214,37,50)
```

Shade Color Variation

#dc323f
```
#dc323f rgb(220,50,63)
```
#df434f
```
#df434f rgb(223,67,79)
```
#e2545e
```
#e2545e rgb(226,84,94)
```
#e5646e
```
#e5646e rgb(229,100,110)
```
#e7757e
```
#e7757e rgb(231,117,126)
```
#ea868d
```
#ea868d rgb(234,134,141)
```
#ed979d
```
#ed979d rgb(237,151,157)
```
#f0a7ad
```
#f0a7ad rgb(240,167,173)
```
#f3b8bd
```
#f3b8bd rgb(243,184,189)
```
#f6c9cc
```
#f6c9cc rgb(246,201,204)
```
#f9dadc
```
#f9dadc rgb(249,218,220)
```
#fbeaec
```
#fbeaec rgb(251,234,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#898585
```
#898585 rgb(137,133,133)
```
#927c7e
```
#927c7e rgb(146,124,126)
```
#9b7376
```
#9b7376 rgb(155,115,118)
```
#a5696e
```
#a5696e rgb(165,105,110)
```
#ae6066
```
#ae6066 rgb(174,96,102)
```
#b7575e
```
#b7575e rgb(183,87,94)
```
#c04e56
```
#c04e56 rgb(192,78,86)
```
#ca444f
```
#ca444f rgb(202,68,79)
```
#d33b47
```
#d33b47 rgb(211,59,71)
```
#dc323f
```
#dc323f rgb(220,50,63)
```
#e52937
```
#e52937 rgb(229,41,55)
```
#ee202f
```
#ee202f rgb(238,32,47)
```
#f81628
```
#f81628 rgb(248,22,40)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7e5c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#857c5d Protanopia 1% of men
#98763d Deuteranopia 1% of men
#dd3e40 Tritanopia 0.001% of the population

Trichromacy

#a46152 Protanomaly 1% of men, 0.01% of women
#b05d3d Deuteranomaly 6% of men, 0.4% of women
#dc393f Tritanomaly 0.01% of the population