#d3331f hex color

In a RGB color space, hex #d3331f is composed of 82.7% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 85.3% yellow and 17.3% black. It has a hue angle of 6.7 degrees, a saturation of 74.4% and a lightness of 47.5%. #d3331f color hex could be obtained by blending #ff663e with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 20
- B 12
RGB color chart
- C 0
- M 76
- Y 85
- K 17
CMYK color chart

● #d3331f color description : Strong red.

The hexadecimal color #d3331f has RGB values of R:211, G:51, B:31 and CMYK values of C:0, M:0.76, Y:0.85, K:0.17. Its decimal value is 13841183.

Hex triplet	d3331f	`#d3331f`
RGB Decimal	211, 51, 31	`rgb(211,51,31)`
RGB Percent	82.7, 20, 12.2	`rgb(82.7%,20%,12.2%)`
CMYK	0, 76, 85, 17
HSL	6.7°, 74.4, 47.5	`hsl(6.7,74.4%,47.5%)`
HSV (or HSB)	6.7°, 85.3, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.39, 60.629, 49.182
XYZ	28.297, 16.319, 2.956
xyY	0.595, 0.343, 16.319
CIE-LCH	47.39, 78.069, 39.049
CIE-LUV	47.39, 125.433, 32.39
Hunter-Lab	40.397, 54.339, 23.939
Binary	11010011, 00110011, 00011111

#d3331f
```
#d3331f rgb(211,51,31)
```
#1fbfd3
```
#1fbfd3 rgb(31,191,211)
```

Complementary Color

#d31f65
```
#d31f65 rgb(211,31,101)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#d38d1f
```
#d38d1f rgb(211,141,31)
```

Analogous Color

#1f65d3
```
#1f65d3 rgb(31,101,211)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#1fd38d
```
#1fd38d rgb(31,211,141)
```

Split Complementary Color

#331fd3
```
#331fd3 rgb(51,31,211)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#1fd333
```
#1fd333 rgb(31,211,51)
```

Triadic Color

#d31fbf
```
#d31fbf rgb(211,31,191)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#1fd333
```
#1fd333 rgb(31,211,51)
```
#1fbfd3
```
#1fbfd3 rgb(31,191,211)
```

Tetradic Color

#902315
```
#902315 rgb(144,35,21)
```
#a72818
```
#a72818 rgb(167,40,24)
```
#bd2e1c
```
#bd2e1c rgb(189,46,28)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#e0402c
```
#e0402c rgb(224,64,44)
```
#e35442
```
#e35442 rgb(227,84,66)
```
#e66858
```
#e66858 rgb(230,104,88)
```

Monochromatic Color

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

#d31f38
```
#d31f38 rgb(211,31,56)
```
#d31f29
```
#d31f29 rgb(211,31,41)
```
#d3241f
```
#d3241f rgb(211,36,31)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#d3421f
```
#d3421f rgb(211,66,31)
```
#d3511f
```
#d3511f rgb(211,81,31)
```
#d3601f
```
#d3601f rgb(211,96,31)
```

Similar Colors

Text with hexadecimal color #d3331f

This text has a font color of #d3331f.

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

#d3331f background color

This paragraph has a background color of #d3331f.

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

#d3331f border color

This element has a border color of #d3331f.

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

CSS codes

.text {color:#d3331f;}

.background {background-color:#d3331f;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170603
```
#170603 rgb(23,6,3)
```
#280a06
```
#280a06 rgb(40,10,6)
```
#390e08
```
#390e08 rgb(57,14,8)
```
#4a120b
```
#4a120b rgb(74,18,11)
```
#5b160d
```
#5b160d rgb(91,22,13)
```
#6c1a10
```
#6c1a10 rgb(108,26,16)
```
#7d1e12
```
#7d1e12 rgb(125,30,18)
```
#8f2215
```
#8f2215 rgb(143,34,21)
```
#a02717
```
#a02717 rgb(160,39,23)
```
#b12b1a
```
#b12b1a rgb(177,43,26)
```
#c22f1c
```
#c22f1c rgb(194,47,28)
```
#d3331f
```
#d3331f rgb(211,51,31)
```

Shade Color Variation

#df3b26
```
#df3b26 rgb(223,59,38)
```
#e24a38
```
#e24a38 rgb(226,74,56)
```
#e45a49
```
#e45a49 rgb(228,90,73)
```
#e7695a
```
#e7695a rgb(231,105,90)
```
#e9796b
```
#e9796b rgb(233,121,107)
```
#ec887c
```
#ec887c rgb(236,136,124)
```
#ee988d
```
#ee988d rgb(238,152,141)
```
#f1a79e
```
#f1a79e rgb(241,167,158)
```
#f3b7af
```
#f3b7af rgb(243,183,175)
```
#f6c6c0
```
#f6c6c0 rgb(246,198,192)
```
#f8d6d1
```
#f8d6d1 rgb(248,214,209)
```
#fbe5e3
```
#fbe5e3 rgb(251,229,227)
```
#fdf5f4
```
#fdf5f4 rgb(253,245,244)
```

Tint Color Variation

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

#7f7473
```
#7f7473 rgb(127,116,115)
```
#896d69
```
#896d69 rgb(137,109,105)
```
#926660
```
#926660 rgb(146,102,96)
```
#9b5e57
```
#9b5e57 rgb(155,94,87)
```
#a4574e
```
#a4574e rgb(164,87,78)
```
#ae5044
```
#ae5044 rgb(174,80,68)
```
#b7493b
```
#b7493b rgb(183,73,59)
```
#c04132
```
#c04132 rgb(192,65,50)
```
#ca3a28
```
#ca3a28 rgb(202,58,40)
```
#d3331f
```
#d3331f rgb(211,51,31)
```
#dc2c16
```
#dc2c16 rgb(220,44,22)
```
#e6250c
```
#e6250c rgb(230,37,12)
```
#ef1d03
```
#ef1d03 rgb(239,29,3)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#785854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847738 Protanopia 1% of men
#957216 Deuteranopia 1% of men
#d53b3d Tritanopia 0.001% of the population

Trichromacy

#a15e2f Protanomaly 1% of men, 0.01% of women
#ab5b19 Deuteranomaly 6% of men, 0.4% of women
#d43832 Tritanomaly 0.01% of the population

#d3331f hex color

#d3331f Color Information

#d3331f Color Conversion

Color Schemes with #d3331f

Alternatives to #d3331f

#d3331f Preview

Shades and Tints of #d3331f

Tones of #d3331f

Color Blindness Simulator