#d7381e hex color

In a RGB color space, hex #d7381e is composed of 84.3% red, 22% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74% magenta, 86% yellow and 15.7% black. It has a hue angle of 8.4 degrees, a saturation of 75.5% and a lightness of 48%. #d7381e color hex could be obtained by blending #ff703c with #af0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 22
- B 12
RGB color chart
- C 0
- M 74
- Y 86
- K 16
CMYK color chart

● #d7381e color description : Strong red.

The hexadecimal color #d7381e has RGB values of R:215, G:56, B:30 and CMYK values of C:0, M:0.74, Y:0.86, K:0.16. Its decimal value is 14104606.

Hex triplet	d7381e	`#d7381e`
RGB Decimal	215, 56, 30	`rgb(215,56,30)`
RGB Percent	84.3, 22, 11.8	`rgb(84.3%,22%,11.8%)`
CMYK	0, 74, 86, 16
HSL	8.4°, 75.5, 48	`hsl(8.4,75.5%,48%)`
HSV (or HSB)	8.4°, 86, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.726, 60.203, 51.063
XYZ	29.674, 17.373, 3.019
xyY	0.593, 0.347, 17.373
CIE-LCH	48.726, 78.942, 40.304
CIE-LUV	48.726, 125.873, 34.222
Hunter-Lab	41.681, 54.141, 24.882
Binary	11010111, 00111000, 00011110

#d7381e
```
#d7381e rgb(215,56,30)
```
#1ebdd7
```
#1ebdd7 rgb(30,189,215)
```

Complementary Color

#d71e60
```
#d71e60 rgb(215,30,96)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#d7951e
```
#d7951e rgb(215,149,30)
```

Analogous Color

#1e60d7
```
#1e60d7 rgb(30,96,215)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#1ed795
```
#1ed795 rgb(30,215,149)
```

Split Complementary Color

#381ed7
```
#381ed7 rgb(56,30,215)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#1ed738
```
#1ed738 rgb(30,215,56)
```

Triadic Color

#d71ebd
```
#d71ebd rgb(215,30,189)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#1ed738
```
#1ed738 rgb(30,215,56)
```
#1ebdd7
```
#1ebdd7 rgb(30,189,215)
```

Tetradic Color

#942715
```
#942715 rgb(148,39,21)
```
#aa2c18
```
#aa2c18 rgb(170,44,24)
```
#c1321b
```
#c1321b rgb(193,50,27)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#e2462d
```
#e2462d rgb(226,70,45)
```
#e55a43
```
#e55a43 rgb(229,90,67)
```
#e86e5a
```
#e86e5a rgb(232,110,90)
```

Monochromatic Color

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

#d71e32
```
#d71e32 rgb(215,30,50)
```
#d71e23
```
#d71e23 rgb(215,30,35)
```
#d7291e
```
#d7291e rgb(215,41,30)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#d7471e
```
#d7471e rgb(215,71,30)
```
#d7571e
```
#d7571e rgb(215,87,30)
```
#d7661e
```
#d7661e rgb(215,102,30)
```

Similar Colors

Text with hexadecimal color #d7381e

This text has a font color of #d7381e.

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

#d7381e background color

This paragraph has a background color of #d7381e.

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

#d7381e border color

This element has a border color of #d7381e.

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

CSS codes

.text {color:#d7381e;}

.background {background-color:#d7381e;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#1a0704
```
#1a0704 rgb(26,7,4)
```
#2b0b06
```
#2b0b06 rgb(43,11,6)
```
#3c1008
```
#3c1008 rgb(60,16,8)
```
#4d140b
```
#4d140b rgb(77,20,11)
```
#5f190d
```
#5f190d rgb(95,25,13)
```
#701d10
```
#701d10 rgb(112,29,16)
```
#812212
```
#812212 rgb(129,34,18)
```
#922614
```
#922614 rgb(146,38,20)
```
#a32b17
```
#a32b17 rgb(163,43,23)
```
#b52f19
```
#b52f19 rgb(181,47,25)
```
#c6341c
```
#c6341c rgb(198,52,28)
```
#d7381e
```
#d7381e rgb(215,56,30)
```

Shade Color Variation

#e14228
```
#e14228 rgb(225,66,40)
```
#e35139
```
#e35139 rgb(227,81,57)
```
#e6604a
```
#e6604a rgb(230,96,74)
```
#e86f5b
```
#e86f5b rgb(232,111,91)
```
#eb7e6d
```
#eb7e6d rgb(235,126,109)
```
#ed8d7e
```
#ed8d7e rgb(237,141,126)
```
#ef9c8f
```
#ef9c8f rgb(239,156,143)
```
#f2aca0
```
#f2aca0 rgb(242,172,160)
```
#f4bbb1
```
#f4bbb1 rgb(244,187,177)
```
#f7cac3
```
#f7cac3 rgb(247,202,195)
```
#f9d9d4
```
#f9d9d4 rgb(249,217,212)
```
#fbe8e5
```
#fbe8e5 rgb(251,232,229)
```
#fef7f6
```
#fef7f6 rgb(254,247,246)
```

Tint Color Variation

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

#827573
```
#827573 rgb(130,117,115)
```
#8c6e69
```
#8c6e69 rgb(140,110,105)
```
#956760
```
#956760 rgb(149,103,96)
```
#9e6157
```
#9e6157 rgb(158,97,87)
```
#a85a4d
```
#a85a4d rgb(168,90,77)
```
#b15344
```
#b15344 rgb(177,83,68)
```
#bb4c3a
```
#bb4c3a rgb(187,76,58)
```
#c44631
```
#c44631 rgb(196,70,49)
```
#ce3f27
```
#ce3f27 rgb(206,63,39)
```
#d7381e
```
#d7381e rgb(215,56,30)
```
#e03115
```
#e03115 rgb(224,49,21)
```
#ea2a0b
```
#ea2a0b rgb(234,42,11)
```
#f32402
```
#f32402 rgb(243,36,2)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7c5c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b37 Protanopia 1% of men
#997513 Deuteranopia 1% of men
#d93f41 Tritanopia 0.001% of the population

Trichromacy

#a4622e Protanomaly 1% of men, 0.01% of women
#b05e17 Deuteranomaly 6% of men, 0.4% of women
#d83c34 Tritanomaly 0.01% of the population

#d7381e hex color

#d7381e Color Information

#d7381e Color Conversion

Color Schemes with #d7381e

Alternatives to #d7381e

#d7381e Preview

Shades and Tints of #d7381e

Tones of #d7381e

Color Blindness Simulator