#dc3f2f hex color

In a RGB color space, hex #dc3f2f is composed of 86.3% red, 24.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 78.6% yellow and 13.7% black. It has a hue angle of 5.5 degrees, a saturation of 71.2% and a lightness of 52.4%. #dc3f2f color hex could be obtained by blending #ff7e5e with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 25
- B 18
RGB color chart
- C 0
- M 71
- Y 79
- K 14
CMYK color chart

● #dc3f2f color description : Bright red.

The hexadecimal color #dc3f2f has RGB values of R:220, G:63, B:47 and CMYK values of C:0, M:0.71, Y:0.79, K:0.14. Its decimal value is 14434095.

Hex triplet	dc3f2f	`#dc3f2f`
RGB Decimal	220, 63, 47	`rgb(220,63,47)`
RGB Percent	86.3, 24.7, 18.4	`rgb(86.3%,24.7%,18.4%)`
CMYK	0, 71, 79, 14
HSL	5.5°, 71.2, 52.4	`hsl(5.5,71.2%,52.4%)`
HSV (or HSB)	5.5°, 78.6, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.663, 59.794, 44.89
XYZ	31.807, 18.98, 4.678
xyY	0.573, 0.342, 18.98
CIE-LCH	50.663, 74.769, 36.897
CIE-LUV	50.663, 123.215, 31.912
Hunter-Lab	43.566, 54.083, 24.13
Binary	11011100, 00111111, 00101111

#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#2fccdc
```
#2fccdc rgb(47,204,220)
```

Complementary Color

#dc2f76
```
#dc2f76 rgb(220,47,118)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#dc962f
```
#dc962f rgb(220,150,47)
```

Analogous Color

#2f76dc
```
#2f76dc rgb(47,118,220)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#2fdc96
```
#2fdc96 rgb(47,220,150)
```

Split Complementary Color

#3f2fdc
```
#3f2fdc rgb(63,47,220)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#2fdc3f
```
#2fdc3f rgb(47,220,63)
```

Triadic Color

#dc2fcc
```
#dc2fcc rgb(220,47,204)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#2fdc3f
```
#2fdc3f rgb(47,220,63)
```
#2fccdc
```
#2fccdc rgb(47,204,220)
```

Tetradic Color

#a3281b
```
#a3281b rgb(163,40,27)
```
#b92d1f
```
#b92d1f rgb(185,45,31)
```
#cf3323
```
#cf3323 rgb(207,51,35)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#e05345
```
#e05345 rgb(224,83,69)
```
#e3675b
```
#e3675b rgb(227,103,91)
```
#e77b70
```
#e77b70 rgb(231,123,112)
```

Monochromatic Color

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

#dc2f4a
```
#dc2f4a rgb(220,47,74)
```
#dc2f3c
```
#dc2f3c rgb(220,47,60)
```
#dc312f
```
#dc312f rgb(220,49,47)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#dc4d2f
```
#dc4d2f rgb(220,77,47)
```
#dc5c2f
```
#dc5c2f rgb(220,92,47)
```
#dc6a2f
```
#dc6a2f rgb(220,106,47)
```

Similar Colors

Text with hexadecimal color #dc3f2f

This text has a font color of #dc3f2f.

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

#dc3f2f background color

This paragraph has a background color of #dc3f2f.

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

#dc3f2f border color

This element has a border color of #dc3f2f.

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

CSS codes

.text {color:#dc3f2f;}

.background {background-color:#dc3f2f;}

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

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

#0a0302
```
#0a0302 rgb(10,3,2)
```
#1b0705
```
#1b0705 rgb(27,7,5)
```
#2c0b07
```
#2c0b07 rgb(44,11,7)
```
#3d0f0a
```
#3d0f0a rgb(61,15,10)
```
#4d130d
```
#4d130d rgb(77,19,13)
```
#5e1710
```
#5e1710 rgb(94,23,16)
```
#6f1b13
```
#6f1b13 rgb(111,27,19)
```
#801f16
```
#801f16 rgb(128,31,22)
```
#912318
```
#912318 rgb(145,35,24)
```
#a1281b
```
#a1281b rgb(161,40,27)
```
#b22c1e
```
#b22c1e rgb(178,44,30)
```
#c33021
```
#c33021 rgb(195,48,33)
```
#d43424
```
#d43424 rgb(212,52,36)
```

Shade Color Variation

#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#df4e40
```
#df4e40 rgb(223,78,64)
```
#e25e51
```
#e25e51 rgb(226,94,81)
```
#e46d61
```
#e46d61 rgb(228,109,97)
```
#e77d72
```
#e77d72 rgb(231,125,114)
```
#ea8c83
```
#ea8c83 rgb(234,140,131)
```
#ed9c94
```
#ed9c94 rgb(237,156,148)
```
#f0aba5
```
#f0aba5 rgb(240,171,165)
```
#f3bbb5
```
#f3bbb5 rgb(243,187,181)
```
#f5cac6
```
#f5cac6 rgb(245,202,198)
```
#f8dad7
```
#f8dad7 rgb(248,218,215)
```
#fbe9e8
```
#fbe9e8 rgb(251,233,232)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#888483
```
#888483 rgb(136,132,131)
```
#917c7a
```
#917c7a rgb(145,124,122)
```
#9b7470
```
#9b7470 rgb(155,116,112)
```
#a46d67
```
#a46d67 rgb(164,109,103)
```
#ad655e
```
#ad655e rgb(173,101,94)
```
#b75d54
```
#b75d54 rgb(183,93,84)
```
#c0564b
```
#c0564b rgb(192,86,75)
```
#c94e42
```
#c94e42 rgb(201,78,66)
```
#d34738
```
#d34738 rgb(211,71,56)
```
#dc3f2f
```
#dc3f2f rgb(220,63,47)
```
#e53726
```
#e53726 rgb(229,55,38)
```
#ef301c
```
#ef301c rgb(239,48,28)
```
#f82813
```
#f82813 rgb(248,40,19)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#826360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f49 Protanopia 1% of men
#9e792c Deuteranopia 1% of men
#de4649 Tritanopia 0.001% of the population

Trichromacy

#a8683f Protanomaly 1% of men, 0.01% of women
#b4642d Deuteranomaly 6% of men, 0.4% of women
#dd4340 Tritanomaly 0.01% of the population

#dc3f2f hex color

#dc3f2f Color Information

#dc3f2f Color Conversion

Color Schemes with #dc3f2f

Alternatives to #dc3f2f

#dc3f2f Preview

Shades and Tints of #dc3f2f

Tones of #dc3f2f

Color Blindness Simulator