#d7142f hex color

In a RGB color space, hex #d7142f is composed of 84.3% red, 7.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.7% magenta, 78.1% yellow and 15.7% black. It has a hue angle of 351.7 degrees, a saturation of 83% and a lightness of 46.1%. #d7142f color hex could be obtained by blending #ff285e with #af0000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 84
- G 8
- B 18
RGB color chart
- C 0
- M 91
- Y 78
- K 16
CMYK color chart

● #d7142f color description : Strong red.

The hexadecimal color #d7142f has RGB values of R:215, G:20, B:47 and CMYK values of C:0, M:0.91, Y:0.78, K:0.16. Its decimal value is 14095407.

Hex triplet	d7142f	`#d7142f`
RGB Decimal	215, 20, 47	`rgb(215,20,47)`
RGB Percent	84.3, 7.8, 18.4	`rgb(84.3%,7.8%,18.4%)`
CMYK	0, 91, 78, 16
HSL	351.7°, 83, 46.1	`hsl(351.7,83%,46.1%)`
HSV (or HSB)	351.7°, 90.7, 84.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.848, 69.205, 39.605
XYZ	28.789, 15.156, 4.099
xyY	0.599, 0.315, 15.156
CIE-LCH	45.848, 79.736, 29.782
CIE-LUV	45.848, 137.775, 23.739
Hunter-Lab	38.931, 63.869, 21.01
Binary	11010111, 00010100, 00101111

#d7142f
```
#d7142f rgb(215,20,47)
```
#14d7bc
```
#14d7bc rgb(20,215,188)
```

Complementary Color

#d71491
```
#d71491 rgb(215,20,145)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#d75b14
```
#d75b14 rgb(215,91,20)
```

Analogous Color

#1491d7
```
#1491d7 rgb(20,145,215)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#14d75b
```
#14d75b rgb(20,215,91)
```

Split Complementary Color

#142fd7
```
#142fd7 rgb(20,47,215)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#2fd714
```
#2fd714 rgb(47,215,20)
```

Triadic Color

#bc14d7
```
#bc14d7 rgb(188,20,215)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#2fd714
```
#2fd714 rgb(47,215,20)
```
#14d7bc
```
#14d7bc rgb(20,215,188)
```

Tetradic Color

#910d20
```
#910d20 rgb(145,13,32)
```
#a81025
```
#a81025 rgb(168,16,37)
```
#c0122a
```
#c0122a rgb(192,18,42)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#ea1b37
```
#ea1b37 rgb(234,27,55)
```
#ec324c
```
#ec324c rgb(236,50,76)
```
#ee4960
```
#ee4960 rgb(238,73,96)
```

Monochromatic Color

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

#d71460
```
#d71460 rgb(215,20,96)
```
#d71450
```
#d71450 rgb(215,20,80)
```
#d7143f
```
#d7143f rgb(215,20,63)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#d7141f
```
#d7141f rgb(215,20,31)
```
#d71a14
```
#d71a14 rgb(215,26,20)
```
#d72a14
```
#d72a14 rgb(215,42,20)
```

Similar Colors

Text with hexadecimal color #d7142f

This text has a font color of #d7142f.

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

#d7142f background color

This paragraph has a background color of #d7142f.

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

#d7142f border color

This element has a border color of #d7142f.

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

CSS codes

.text {color:#d7142f;}

.background {background-color:#d7142f;}

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

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

#120204
```
#120204 rgb(18,2,4)
```
#240308
```
#240308 rgb(36,3,8)
```
#35050c
```
#35050c rgb(53,5,12)
```
#470710
```
#470710 rgb(71,7,16)
```
#590814
```
#590814 rgb(89,8,20)
```
#6b0a17
```
#6b0a17 rgb(107,10,23)
```
#7d0c1b
```
#7d0c1b rgb(125,12,27)
```
#8f0d1f
```
#8f0d1f rgb(143,13,31)
```
#a10f23
```
#a10f23 rgb(161,15,35)
```
#b31127
```
#b31127 rgb(179,17,39)
```
#c5122b
```
#c5122b rgb(197,18,43)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#e91633
```
#e91633 rgb(233,22,51)
```

Shade Color Variation

#eb2742
```
#eb2742 rgb(235,39,66)
```
#ed3952
```
#ed3952 rgb(237,57,82)
```
#ee4b62
```
#ee4b62 rgb(238,75,98)
```
#f05d71
```
#f05d71 rgb(240,93,113)
```
#f26f81
```
#f26f81 rgb(242,111,129)
```
#f38191
```
#f38191 rgb(243,129,145)
```
#f593a1
```
#f593a1 rgb(245,147,161)
```
#f7a5b0
```
#f7a5b0 rgb(247,165,176)
```
#f8b7c0
```
#f8b7c0 rgb(248,183,192)
```
#fac9d0
```
#fac9d0 rgb(250,201,208)
```
#fcdbdf
```
#fcdbdf rgb(252,219,223)
```
#fdedef
```
#fdedef rgb(253,237,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d6e70
```
#7d6e70 rgb(125,110,112)
```
#86656a
```
#86656a rgb(134,101,106)
```
#8f5c63
```
#8f5c63 rgb(143,92,99)
```
#98535d
```
#98535d rgb(152,83,93)
```
#a14a56
```
#a14a56 rgb(161,74,86)
```
#aa4150
```
#aa4150 rgb(170,65,80)
```
#b33849
```
#b33849 rgb(179,56,73)
```
#bc2f43
```
#bc2f43 rgb(188,47,67)
```
#c5263c
```
#c5263c rgb(197,38,60)
```
#ce1d36
```
#ce1d36 rgb(206,29,54)
```
#d7142f
```
#d7142f rgb(215,20,47)
```
#e00b28
```
#e00b28 rgb(224,11,40)
```
#e90222
```
#e90222 rgb(233,2,34)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6c454a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d744f Protanopia 1% of men
#8f6e2b Deuteranopia 1% of men
#d82522 Tritanopia 0.001% of the population

Trichromacy

#9e5143 Protanomaly 1% of men, 0.01% of women
#a94d2c Deuteranomaly 6% of men, 0.4% of women
#d81f27 Tritanomaly 0.01% of the population

#d7142f hex color

#d7142f Color Information

#d7142f Color Conversion

Color Schemes with #d7142f

Alternatives to #d7142f

#d7142f Preview

Shades and Tints of #d7142f

Tones of #d7142f

Color Blindness Simulator