#d7331f hex color

In a RGB color space, hex #d7331f is composed of 84.3% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 85.6% yellow and 15.7% black. It has a hue angle of 6.5 degrees, a saturation of 74.8% and a lightness of 48.2%. #d7331f color hex could be obtained by blending #ff663e with #af0000. Closest websafe color is: #cc3333.

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

● #d7331f color description : Strong red.

The hexadecimal color #d7331f has RGB values of R:215, G:51, B:31 and CMYK values of C:0, M:0.76, Y:0.86, K:0.16. Its decimal value is 14103327.

Hex triplet	d7331f	`#d7331f`
RGB Decimal	215, 51, 31	`rgb(215,51,31)`
RGB Percent	84.3, 20, 12.2	`rgb(84.3%,20%,12.2%)`
CMYK	0, 76, 86, 16
HSL	6.5°, 74.8, 48.2	`hsl(6.5,74.8%,48.2%)`
HSV (or HSB)	6.5°, 85.6, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.156, 61.833, 50.136
XYZ	29.457, 16.917, 3.011
xyY	0.596, 0.343, 16.917
CIE-LCH	48.156, 79.605, 39.036
CIE-LUV	48.156, 128.546, 32.957
Hunter-Lab	41.131, 55.86, 24.452
Binary	11010111, 00110011, 00011111

#d7331f
```
#d7331f rgb(215,51,31)
```
#1fc3d7
```
#1fc3d7 rgb(31,195,215)
```

Complementary Color

#d71f67
```
#d71f67 rgb(215,31,103)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#d78f1f
```
#d78f1f rgb(215,143,31)
```

Analogous Color

#1f67d7
```
#1f67d7 rgb(31,103,215)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#1fd78f
```
#1fd78f rgb(31,215,143)
```

Split Complementary Color

#331fd7
```
#331fd7 rgb(51,31,215)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#1fd733
```
#1fd733 rgb(31,215,51)
```

Triadic Color

#d71fc3
```
#d71fc3 rgb(215,31,195)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#1fd733
```
#1fd733 rgb(31,215,51)
```
#1fc3d7
```
#1fc3d7 rgb(31,195,215)
```

Tetradic Color

#942315
```
#942315 rgb(148,35,21)
```
#aa2819
```
#aa2819 rgb(170,40,25)
```
#c12e1c
```
#c12e1c rgb(193,46,28)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#e1422f
```
#e1422f rgb(225,66,47)
```
#e45645
```
#e45645 rgb(228,86,69)
```
#e76a5b
```
#e76a5b rgb(231,106,91)
```

Monochromatic Color

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

#d71f39
```
#d71f39 rgb(215,31,57)
```
#d71f2a
```
#d71f2a rgb(215,31,42)
```
#d7241f
```
#d7241f rgb(215,36,31)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#d7421f
```
#d7421f rgb(215,66,31)
```
#d7521f
```
#d7521f rgb(215,82,31)
```
#d7611f
```
#d7611f rgb(215,97,31)
```

Similar Colors

Text with hexadecimal color #d7331f

This text has a font color of #d7331f.

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

#d7331f background color

This paragraph has a background color of #d7331f.

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

#d7331f border color

This element has a border color of #d7331f.

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

CSS codes

.text {color:#d7331f;}

.background {background-color:#d7331f;}

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

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)
```
#1a0604
```
#1a0604 rgb(26,6,4)
```
#2c0a06
```
#2c0a06 rgb(44,10,6)
```
#3d0e09
```
#3d0e09 rgb(61,14,9)
```
#4e120b
```
#4e120b rgb(78,18,11)
```
#5f170e
```
#5f170e rgb(95,23,14)
```
#701b10
```
#701b10 rgb(112,27,16)
```
#811f13
```
#811f13 rgb(129,31,19)
```
#922315
```
#922315 rgb(146,35,21)
```
#a42718
```
#a42718 rgb(164,39,24)
```
#b52b1a
```
#b52b1a rgb(181,43,26)
```
#c62f1d
```
#c62f1d rgb(198,47,29)
```
#d7331f
```
#d7331f rgb(215,51,31)
```

Shade Color Variation

#e03d29
```
#e03d29 rgb(224,61,41)
```
#e34d3b
```
#e34d3b rgb(227,77,59)
```
#e55c4c
```
#e55c4c rgb(229,92,76)
```
#e86c5d
```
#e86c5d rgb(232,108,93)
```
#ea7b6e
```
#ea7b6e rgb(234,123,110)
```
#ed8b7f
```
#ed8b7f rgb(237,139,127)
```
#ef9b90
```
#ef9b90 rgb(239,155,144)
```
#f2aaa1
```
#f2aaa1 rgb(242,170,161)
```
#f4bab3
```
#f4bab3 rgb(244,186,179)
```
#f6c9c4
```
#f6c9c4 rgb(246,201,196)
```
#f9d9d5
```
#f9d9d5 rgb(249,217,213)
```
#fbe8e6
```
#fbe8e6 rgb(251,232,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 #f31d03 is the most saturated one.

#827674
```
#827674 rgb(130,118,116)
```
#8b6e6b
```
#8b6e6b rgb(139,110,107)
```
#956761
```
#956761 rgb(149,103,97)
```
#9e5f58
```
#9e5f58 rgb(158,95,88)
```
#a8584e
```
#a8584e rgb(168,88,78)
```
#b15145
```
#b15145 rgb(177,81,69)
```
#bb493b
```
#bb493b rgb(187,73,59)
```
#c44232
```
#c44232 rgb(196,66,50)
```
#ce3a28
```
#ce3a28 rgb(206,58,40)
```
#d7331f
```
#d7331f rgb(215,51,31)
```
#e02c16
```
#e02c16 rgb(224,44,22)
```
#ea240c
```
#ea240c rgb(234,36,12)
```
#f31d03
```
#f31d03 rgb(243,29,3)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#795955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867939 Protanopia 1% of men
#987315 Deuteranopia 1% of men
#d93b3c Tritanopia 0.001% of the population

Trichromacy

#a3602f Protanomaly 1% of men, 0.01% of women
#ae5c18 Deuteranomaly 6% of men, 0.4% of women
#d83832 Tritanomaly 0.01% of the population

#d7331f hex color

#d7331f Color Information

#d7331f Color Conversion

Color Schemes with #d7331f

Alternatives to #d7331f

#d7331f Preview

Shades and Tints of #d7331f

Tones of #d7331f

Color Blindness Simulator