#dc022c hex color

In a RGB color space, hex #dc022c is composed of 86.3% red, 0.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 80% yellow and 13.7% black. It has a hue angle of 348.4 degrees, a saturation of 98.2% and a lightness of 43.5%. #dc022c color hex could be obtained by blending #ff0458 with #b90000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 86
- G 1
- B 17
RGB color chart
- C 0
- M 99
- Y 80
- K 14
CMYK color chart

● #dc022c color description : Vivid red.

The hexadecimal color #dc022c has RGB values of R:220, G:2, B:44 and CMYK values of C:0, M:0.99, Y:0.8, K:0.14. Its decimal value is 14418476.

Hex triplet	dc022c	`#dc022c`
RGB Decimal	220, 2, 44	`rgb(220,2,44)`
RGB Percent	86.3, 0.8, 17.3	`rgb(86.3%,0.8%,17.3%)`
CMYK	0, 99, 80, 14
HSL	348.4°, 98.2, 43.5	`hsl(348.4,98.2%,43.5%)`
HSV (or HSB)	348.4°, 99.1, 86.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	46.238, 72.141, 42.035
XYZ	29.993, 15.445, 3.785
xyY	0.609, 0.314, 15.445
CIE-LCH	46.238, 83.494, 30.228
CIE-LUV	46.238, 145.215, 24.523
Hunter-Lab	39.3, 67.454, 21.8
Binary	11011100, 00000010, 00101100

#dc022c
```
#dc022c rgb(220,2,44)
```
#02dcb2
```
#02dcb2 rgb(2,220,178)
```

Complementary Color

#dc0299
```
#dc0299 rgb(220,2,153)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#dc4502
```
#dc4502 rgb(220,69,2)
```

Analogous Color

#0299dc
```
#0299dc rgb(2,153,220)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#02dc45
```
#02dc45 rgb(2,220,69)
```

Split Complementary Color

#022cdc
```
#022cdc rgb(2,44,220)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#2cdc02
```
#2cdc02 rgb(44,220,2)
```

Triadic Color

#b202dc
```
#b202dc rgb(178,2,220)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#2cdc02
```
#2cdc02 rgb(44,220,2)
```
#02dcb2
```
#02dcb2 rgb(2,220,178)
```

Tetradic Color

#90011d
```
#90011d rgb(144,1,29)
```
#a90222
```
#a90222 rgb(169,2,34)
```
#c30227
```
#c30227 rgb(195,2,39)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#f50231
```
#f50231 rgb(245,2,49)
```
#fd1441
```
#fd1441 rgb(253,20,65)
```
#fd2d55
```
#fd2d55 rgb(253,45,85)
```

Monochromatic Color

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

#dc0262
```
#dc0262 rgb(220,2,98)
```
#dc0250
```
#dc0250 rgb(220,2,80)
```
#dc023e
```
#dc023e rgb(220,2,62)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#dc021a
```
#dc021a rgb(220,2,26)
```
#dc0208
```
#dc0208 rgb(220,2,8)
```
#dc0f02
```
#dc0f02 rgb(220,15,2)
```

Similar Colors

Text with hexadecimal color #dc022c

This text has a font color of #dc022c.

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

#dc022c background color

This paragraph has a background color of #dc022c.

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

#dc022c border color

This element has a border color of #dc022c.

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

CSS codes

.text {color:#dc022c;}

.background {background-color:#dc022c;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#1a0005
```
#1a0005 rgb(26,0,5)
```
#2d0009
```
#2d0009 rgb(45,0,9)
```
#40010d
```
#40010d rgb(64,1,13)
```
#540111
```
#540111 rgb(84,1,17)
```
#670115
```
#670115 rgb(103,1,21)
```
#7b0119
```
#7b0119 rgb(123,1,25)
```
#8e011c
```
#8e011c rgb(142,1,28)
```
#a20120
```
#a20120 rgb(162,1,32)
```
#b50224
```
#b50224 rgb(181,2,36)
```
#c90228
```
#c90228 rgb(201,2,40)
```
#dc022c
```
#dc022c rgb(220,2,44)
```
#ef0230
```
#ef0230 rgb(239,2,48)
```

Shade Color Variation

#fd0838
```
#fd0838 rgb(253,8,56)
```
#fd1c47
```
#fd1c47 rgb(253,28,71)
```
#fd2f57
```
#fd2f57 rgb(253,47,87)
```
#fd4367
```
#fd4367 rgb(253,67,103)
```
#fd5676
```
#fd5676 rgb(253,86,118)
```
#fe6a86
```
#fe6a86 rgb(254,106,134)
```
#fe7d96
```
#fe7d96 rgb(254,125,150)
```
#fe91a6
```
#fe91a6 rgb(254,145,166)
```
#fea4b5
```
#fea4b5 rgb(254,164,181)
```
#feb7c5
```
#feb7c5 rgb(254,183,197)
```
#ffcbd5
```
#ffcbd5 rgb(255,203,213)
```
#ffdee5
```
#ffdee5 rgb(255,222,229)
```
#fff2f4
```
#fff2f4 rgb(255,242,244)
```

Tint Color Variation

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

#76686b
```
#76686b rgb(118,104,107)
```
#7e6066
```
#7e6066 rgb(126,96,102)
```
#875760
```
#875760 rgb(135,87,96)
```
#8f4f5b
```
#8f4f5b rgb(143,79,91)
```
#984656
```
#984656 rgb(152,70,86)
```
#a03e51
```
#a03e51 rgb(160,62,81)
```
#a9354b
```
#a9354b rgb(169,53,75)
```
#b12d46
```
#b12d46 rgb(177,45,70)
```
#ba2441
```
#ba2441 rgb(186,36,65)
```
#c21c3c
```
#c21c3c rgb(194,28,60)
```
#cb1336
```
#cb1336 rgb(203,19,54)
```
#d30b31
```
#d30b31 rgb(211,11,49)
```
#dc022c
```
#dc022c rgb(220,2,44)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#663a42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f754d Protanopia 1% of men
#916f26 Deuteranopia 1% of men
#dd1a0f Tritanopia 0.001% of the population

Trichromacy

#a04b41 Protanomaly 1% of men, 0.01% of women
#ac4728 Deuteranomaly 6% of men, 0.4% of women
#dc111a Tritanomaly 0.01% of the population

#dc022c hex color

#dc022c Color Information

#dc022c Color Conversion

Color Schemes with #dc022c

Alternatives to #dc022c

#dc022c Preview

Shades and Tints of #dc022c

Tones of #dc022c

Color Blindness Simulator