colorhexa.com

#dc2316 hex color

In a RGB color space, hex #dc2316 is composed of 86.3% red, 13.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.1% magenta, 90% yellow and 13.7% black. It has a hue angle of 3.9 degrees, a saturation of 81.8% and a lightness of 47.5%. #dc2316 color hex could be obtained by blending #ff462c with #b90000. Closest websafe color is: #cc3300.

- R 86
- G 14
- B 9
RGB color chart
- C 0
- M 84
- Y 90
- K 14
CMYK color chart

● #dc2316 color description : Vivid red.

The hexadecimal color #dc2316 has RGB values of R:220, G:35, B:22 and CMYK values of C:0, M:0.84, Y:0.9, K:0.14. Its decimal value is 14426902.

Hex triplet	dc2316	`#dc2316`
RGB Decimal	220, 35, 22	`rgb(220,35,22)`
RGB Percent	86.3, 13.7, 8.6	`rgb(86.3%,13.7%,8.6%)`
CMYK	0, 84, 90, 14
HSL	3.9°, 81.8, 47.5	`hsl(3.9,81.8%,47.5%)`
HSV (or HSB)	3.9°, 90, 86.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.597, 67.296, 53.994
XYZ	30.263, 16.48, 2.346
xyY	0.616, 0.336, 16.48
CIE-LCH	47.597, 86.28, 38.741
CIE-LUV	47.597, 140.864, 32.791
Hunter-Lab	40.595, 62.027, 24.989
Binary	11011100, 00100011, 00010110

#dc2316
```
#dc2316 rgb(220,35,22)
```
#16cfdc
```
#16cfdc rgb(22,207,220)
```

Complementary Color

#dc166c
```
#dc166c rgb(220,22,108)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#dc8616
```
#dc8616 rgb(220,134,22)
```

Analogous Color

#166cdc
```
#166cdc rgb(22,108,220)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#16dc86
```
#16dc86 rgb(22,220,134)
```

Split Complementary Color

#2316dc
```
#2316dc rgb(35,22,220)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#16dc23
```
#16dc23 rgb(22,220,35)
```

Triadic Color

#dc16cf
```
#dc16cf rgb(220,22,207)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#16dc23
```
#16dc23 rgb(22,220,35)
```
#16cfdc
```
#16cfdc rgb(22,207,220)
```

Tetradic Color

#96180f
```
#96180f rgb(150,24,15)
```
#ae1c11
```
#ae1c11 rgb(174,28,17)
```
#c51f14
```
#c51f14 rgb(197,31,20)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#e93023
```
#e93023 rgb(233,48,35)
```
#eb453a
```
#eb453a rgb(235,69,58)
```
#ee5b51
```
#ee5b51 rgb(238,91,81)
```

Monochromatic Color

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

#dc163a
```
#dc163a rgb(220,22,58)
```
#dc162a
```
#dc162a rgb(220,22,42)
```
#dc1619
```
#dc1619 rgb(220,22,25)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#dc3416
```
#dc3416 rgb(220,52,22)
```
#dc4416
```
#dc4416 rgb(220,68,22)
```
#dc5516
```
#dc5516 rgb(220,85,22)
```

Similar Colors

Text with hexadecimal color #dc2316

This text has a font color of #dc2316.

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

#dc2316 background color

This paragraph has a background color of #dc2316.

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

#dc2316 border color

This element has a border color of #dc2316.

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

CSS codes

.text {color:#dc2316;}

.background {background-color:#dc2316;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180402
```
#180402 rgb(24,4,2)
```
#2a0704
```
#2a0704 rgb(42,7,4)
```
#3c0906
```
#3c0906 rgb(60,9,6)
```
#4d0c08
```
#4d0c08 rgb(77,12,8)
```
#5f0f0a
```
#5f0f0a rgb(95,15,10)
```
#71120b
```
#71120b rgb(113,18,11)
```
#83150d
```
#83150d rgb(131,21,13)
```
#95180f
```
#95180f rgb(149,24,15)
```
#a71a11
```
#a71a11 rgb(167,26,17)
```
#b81d12
```
#b81d12 rgb(184,29,18)
```
#ca2014
```
#ca2014 rgb(202,32,20)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```

Shade Color Variation

#e82b1d
```
#e82b1d rgb(232,43,29)
```
#ea3b2f
```
#ea3b2f rgb(234,59,47)
```
#ec4c41
```
#ec4c41 rgb(236,76,65)
```
#ee5d53
```
#ee5d53 rgb(238,93,83)
```
#f06e65
```
#f06e65 rgb(240,110,101)
```
#f17e76
```
#f17e76 rgb(241,126,118)
```
#f38f88
```
#f38f88 rgb(243,143,136)
```
#f5a09a
```
#f5a09a rgb(245,160,154)
```
#f7b1ac
```
#f7b1ac rgb(247,177,172)
```
#f8c2be
```
#f8c2be rgb(248,194,190)
```
#fad2d0
```
#fad2d0 rgb(250,210,208)
```
#fce3e1
```
#fce3e1 rgb(252,227,225)
```
#fef4f3
```
#fef4f3 rgb(254,244,243)
```

Tint Color Variation

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

#7f7473
```
#7f7473 rgb(127,116,115)
```
#886c6a
```
#886c6a rgb(136,108,106)
```
#926460
```
#926460 rgb(146,100,96)
```
#9b5c57
```
#9b5c57 rgb(155,92,87)
```
#a4544e
```
#a4544e rgb(164,84,78)
```
#ad4b45
```
#ad4b45 rgb(173,75,69)
```
#b7433b
```
#b7433b rgb(183,67,59)
```
#c03b32
```
#c03b32 rgb(192,59,50)
```
#c93329
```
#c93329 rgb(201,51,41)
```
#d32b1f
```
#d32b1f rgb(211,43,31)
```
#dc2316
```
#dc2316 rgb(220,35,22)
```
#e51b0d
```
#e51b0d rgb(229,27,13)
```
#ef1303
```
#ef1303 rgb(239,19,3)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#734e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#857832 Protanopia 1% of men
#967200 Deuteranopia 1% of men
#dd2d2c Tritanopia 0.001% of the population

Trichromacy

#a55927 Protanomaly 1% of men, 0.01% of women
#af5508 Deuteranomaly 6% of men, 0.4% of women
#dd2924 Tritanomaly 0.01% of the population