#d31c3f hex color

In a RGB color space, hex #d31c3f is composed of 82.7% red, 11% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 70.1% yellow and 17.3% black. It has a hue angle of 348.5 degrees, a saturation of 76.6% and a lightness of 46.9%. #d31c3f color hex could be obtained by blending #ff387e with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 11
- B 25
RGB color chart
- C 0
- M 87
- Y 70
- K 17
CMYK color chart

● #d31c3f color description : Strong red.

The hexadecimal color #d31c3f has RGB values of R:211, G:28, B:63 and CMYK values of C:0, M:0.87, Y:0.7, K:0.17. Its decimal value is 13835327.

Hex triplet	d31c3f	`#d31c3f`
RGB Decimal	211, 28, 63	`rgb(211,28,63)`
RGB Percent	82.7, 11, 24.7	`rgb(82.7%,11%,24.7%)`
CMYK	0, 87, 70, 17
HSL	348.5°, 76.6, 46.9	`hsl(348.5,76.6%,46.9%)`
HSV (or HSB)	348.5°, 86.7, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.691, 67.484, 29.744
XYZ	28.178, 15.042, 6.122
xyY	0.571, 0.305, 15.042
CIE-LCH	45.691, 73.748, 23.786
CIE-LUV	45.691, 128.467, 17.26
Hunter-Lab	38.784, 61.815, 17.79
Binary	11010011, 00011100, 00111111

#d31c3f
```
#d31c3f rgb(211,28,63)
```
#1cd3b0
```
#1cd3b0 rgb(28,211,176)
```

Complementary Color

#d31c9b
```
#d31c9b rgb(211,28,155)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#d3551c
```
#d3551c rgb(211,85,28)
```

Analogous Color

#1c9bd3
```
#1c9bd3 rgb(28,155,211)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#1cd355
```
#1cd355 rgb(28,211,85)
```

Split Complementary Color

#1c3fd3
```
#1c3fd3 rgb(28,63,211)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#3fd31c
```
#3fd31c rgb(63,211,28)
```

Triadic Color

#b01cd3
```
#b01cd3 rgb(176,28,211)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#3fd31c
```
#3fd31c rgb(63,211,28)
```
#1cd3b0
```
#1cd3b0 rgb(28,211,176)
```

Tetradic Color

#8f132b
```
#8f132b rgb(143,19,43)
```
#a61632
```
#a61632 rgb(166,22,50)
```
#bc1938
```
#bc1938 rgb(188,25,56)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#e2264a
```
#e2264a rgb(226,38,74)
```
#e53d5d
```
#e53d5d rgb(229,61,93)
```
#e85370
```
#e85370 rgb(232,83,112)
```

Monochromatic Color

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

#d31c6d
```
#d31c6d rgb(211,28,109)
```
#d31c5d
```
#d31c5d rgb(211,28,93)
```
#d31c4e
```
#d31c4e rgb(211,28,78)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#d31c30
```
#d31c30 rgb(211,28,48)
```
#d31c21
```
#d31c21 rgb(211,28,33)
```
#d3271c
```
#d3271c rgb(211,39,28)
```

Similar Colors

Text with hexadecimal color #d31c3f

This text has a font color of #d31c3f.

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

#d31c3f background color

This paragraph has a background color of #d31c3f.

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

#d31c3f border color

This element has a border color of #d31c3f.

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

CSS codes

.text {color:#d31c3f;}

.background {background-color:#d31c3f;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#150306
```
#150306 rgb(21,3,6)
```
#26050b
```
#26050b rgb(38,5,11)
```
#370710
```
#370710 rgb(55,7,16)
```
#480a16
```
#480a16 rgb(72,10,22)
```
#5a0c1b
```
#5a0c1b rgb(90,12,27)
```
#6b0e20
```
#6b0e20 rgb(107,14,32)
```
#7c1125
```
#7c1125 rgb(124,17,37)
```
#8e132a
```
#8e132a rgb(142,19,42)
```
#9f152f
```
#9f152f rgb(159,21,47)
```
#b01735
```
#b01735 rgb(176,23,53)
```
#c21a3a
```
#c21a3a rgb(194,26,58)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```

Shade Color Variation

#e22146
```
#e22146 rgb(226,33,70)
```
#e43254
```
#e43254 rgb(228,50,84)
```
#e64463
```
#e64463 rgb(230,68,99)
```
#e85571
```
#e85571 rgb(232,85,113)
```
#eb6680
```
#eb6680 rgb(235,102,128)
```
#ed788e
```
#ed788e rgb(237,120,142)
```
#ef899d
```
#ef899d rgb(239,137,157)
```
#f29aab
```
#f29aab rgb(242,154,171)
```
#f4acb9
```
#f4acb9 rgb(244,172,185)
```
#f6bdc8
```
#f6bdc8 rgb(246,189,200)
```
#f9ced6
```
#f9ced6 rgb(249,206,214)
```
#fbe0e5
```
#fbe0e5 rgb(251,224,229)
```
#fdf1f3
```
#fdf1f3 rgb(253,241,243)
```

Tint Color Variation

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

#806f72
```
#806f72 rgb(128,111,114)
```
#89666c
```
#89666c rgb(137,102,108)
```
#935c67
```
#935c67 rgb(147,92,103)
```
#9c5361
```
#9c5361 rgb(156,83,97)
```
#a54a5b
```
#a54a5b rgb(165,74,91)
```
#ae4156
```
#ae4156 rgb(174,65,86)
```
#b73850
```
#b73850 rgb(183,56,80)
```
#c12e4a
```
#c12e4a rgb(193,46,74)
```
#ca2545
```
#ca2545 rgb(202,37,69)
```
#d31c3f
```
#d31c3f rgb(211,28,63)
```
#dc1339
```
#dc1339 rgb(220,19,57)
```
#e50a34
```
#e50a34 rgb(229,10,52)
```
#ef002e
```
#ef002e rgb(239,0,46)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#704b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7360 Protanopia 1% of men
#8d6e3d Deuteranopia 1% of men
#d42e2d Tritanopia 0.001% of the population

Trichromacy

#9a5354 Protanomaly 1% of men, 0.01% of women
#a6503d Deuteranomaly 6% of men, 0.4% of women
#d32734 Tritanomaly 0.01% of the population

#d31c3f hex color

#d31c3f Color Information

#d31c3f Color Conversion

Color Schemes with #d31c3f

Alternatives to #d31c3f

#d31c3f Preview

Shades and Tints of #d31c3f

Tones of #d31c3f

Color Blindness Simulator