#d7381f hex color

In a RGB color space, hex #d7381f is composed of 84.3% red, 22% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74% magenta, 85.6% yellow and 15.7% black. It has a hue angle of 8.2 degrees, a saturation of 74.8% and a lightness of 48.2%. #d7381f color hex could be obtained by blending #ff703e 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

● #d7381f color description : Strong red.

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

Hex triplet	d7381f	`#d7381f`
RGB Decimal	215, 56, 31	`rgb(215,56,31)`
RGB Percent	84.3, 22, 12.2	`rgb(84.3%,22%,12.2%)`
CMYK	0, 74, 86, 16
HSL	8.2°, 74.8, 48.2	`hsl(8.2,74.8%,48.2%)`
HSV (or HSB)	8.2°, 85.6, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.733, 60.225, 50.621
XYZ	29.687, 17.378, 3.087
xyY	0.592, 0.347, 17.378
CIE-LCH	48.733, 78.673, 40.048
CIE-LUV	48.733, 125.751, 33.999
Hunter-Lab	41.687, 54.167, 24.79
Binary	11010111, 00111000, 00011111

#d7381f
```
#d7381f rgb(215,56,31)
```
#1fbed7
```
#1fbed7 rgb(31,190,215)
```

Complementary Color

#d71f62
```
#d71f62 rgb(215,31,98)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#d7941f
```
#d7941f rgb(215,148,31)
```

Analogous Color

#1f62d7
```
#1f62d7 rgb(31,98,215)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#1fd794
```
#1fd794 rgb(31,215,148)
```

Split Complementary Color

#381fd7
```
#381fd7 rgb(56,31,215)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#1fd738
```
#1fd738 rgb(31,215,56)
```

Triadic Color

#d71fbe
```
#d71fbe rgb(215,31,190)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#1fd738
```
#1fd738 rgb(31,215,56)
```
#1fbed7
```
#1fbed7 rgb(31,190,215)
```

Tetradic Color

#942715
```
#942715 rgb(148,39,21)
```
#aa2c19
```
#aa2c19 rgb(170,44,25)
```
#c1321c
```
#c1321c rgb(193,50,28)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#e1472f
```
#e1472f rgb(225,71,47)
```
#e45a45
```
#e45a45 rgb(228,90,69)
```
#e76e5b
```
#e76e5b rgb(231,110,91)
```

Monochromatic Color

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

#d71f34
```
#d71f34 rgb(215,31,52)
```
#d71f25
```
#d71f25 rgb(215,31,37)
```
#d7291f
```
#d7291f rgb(215,41,31)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#d7471f
```
#d7471f rgb(215,71,31)
```
#d7571f
```
#d7571f rgb(215,87,31)
```
#d7661f
```
#d7661f rgb(215,102,31)
```

Similar Colors

Text with hexadecimal color #d7381f

This text has a font color of #d7381f.

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

#d7381f background color

This paragraph has a background color of #d7381f.

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

#d7381f border color

This element has a border color of #d7381f.

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

CSS codes

.text {color:#d7381f;}

.background {background-color:#d7381f;}

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

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

#090201
```
#090201 rgb(9,2,1)
```
#1a0704
```
#1a0704 rgb(26,7,4)
```
#2c0b06
```
#2c0b06 rgb(44,11,6)
```
#3d1009
```
#3d1009 rgb(61,16,9)
```
#4e140b
```
#4e140b rgb(78,20,11)
```
#5f190e
```
#5f190e rgb(95,25,14)
```
#701d10
```
#701d10 rgb(112,29,16)
```
#812213
```
#812213 rgb(129,34,19)
```
#922615
```
#922615 rgb(146,38,21)
```
#a42b18
```
#a42b18 rgb(164,43,24)
```
#b52f1a
```
#b52f1a rgb(181,47,26)
```
#c6341d
```
#c6341d rgb(198,52,29)
```
#d7381f
```
#d7381f rgb(215,56,31)
```

Shade Color Variation

#e04229
```
#e04229 rgb(224,66,41)
```
#e3513b
```
#e3513b rgb(227,81,59)
```
#e5614c
```
#e5614c rgb(229,97,76)
```
#e8705d
```
#e8705d rgb(232,112,93)
```
#ea7f6e
```
#ea7f6e rgb(234,127,110)
```
#ed8e7f
```
#ed8e7f rgb(237,142,127)
```
#ef9d90
```
#ef9d90 rgb(239,157,144)
```
#f2aca1
```
#f2aca1 rgb(242,172,161)
```
#f4bbb3
```
#f4bbb3 rgb(244,187,179)
```
#f6cbc4
```
#f6cbc4 rgb(246,203,196)
```
#f9dad5
```
#f9dad5 rgb(249,218,213)
```
#fbe9e6
```
#fbe9e6 rgb(251,233,230)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#827674
```
#827674 rgb(130,118,116)
```
#8b6f6b
```
#8b6f6b rgb(139,111,107)
```
#956861
```
#956861 rgb(149,104,97)
```
#9e6158
```
#9e6158 rgb(158,97,88)
```
#a85a4e
```
#a85a4e rgb(168,90,78)
```
#b15445
```
#b15445 rgb(177,84,69)
```
#bb4d3b
```
#bb4d3b rgb(187,77,59)
```
#c44632
```
#c44632 rgb(196,70,50)
```
#ce3f28
```
#ce3f28 rgb(206,63,40)
```
#d7381f
```
#d7381f rgb(215,56,31)
```
#e03116
```
#e03116 rgb(224,49,22)
```
#ea2a0c
```
#ea2a0c rgb(234,42,12)
```
#f32303
```
#f32303 rgb(243,35,3)
```

Tone Color Variation

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

#887b38 Protanopia 1% of men
#997516 Deuteranopia 1% of men
#d93f41 Tritanopia 0.001% of the population

Trichromacy

#a4622f Protanomaly 1% of men, 0.01% of women
#b05e19 Deuteranomaly 6% of men, 0.4% of women
#d83c35 Tritanomaly 0.01% of the population

#d7381f hex color

#d7381f Color Information

#d7381f Color Conversion

Color Schemes with #d7381f

Alternatives to #d7381f

#d7381f Preview

Shades and Tints of #d7381f

Tones of #d7381f

Color Blindness Simulator