#d3316f hex color

In a RGB color space, hex #d3316f is composed of 82.7% red, 19.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.8% magenta, 47.4% yellow and 17.3% black. It has a hue angle of 337 degrees, a saturation of 64.8% and a lightness of 51%. #d3316f color hex could be obtained by blending #ff62de with #a70000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 19
- B 44
RGB color chart
- C 0
- M 77
- Y 47
- K 17
CMYK color chart

● #d3316f color description : Strong pink.

The hexadecimal color #d3316f has RGB values of R:211, G:49, B:111 and CMYK values of C:0, M:0.77, Y:0.47, K:0.17. Its decimal value is 13840751.

Hex triplet	d3316f	`#d3316f`
RGB Decimal	211, 49, 111	`rgb(211,49,111)`
RGB Percent	82.7, 19.2, 43.5	`rgb(82.7%,19.2%,43.5%)`
CMYK	0, 77, 47, 17
HSL	337°, 64.8, 51	`hsl(337,64.8%,51%)`
HSV (or HSB)	337°, 76.8, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.507, 65.507, 4.089
XYZ	30.832, 17.196, 16.734
xyY	0.476, 0.266, 17.196
CIE-LCH	48.507, 65.634, 3.572
CIE-LUV	48.507, 104.668, -7.42
Hunter-Lab	41.469, 60.147, 5.103
Binary	11010011, 00110001, 01101111

#d3316f
```
#d3316f rgb(211,49,111)
```
#31d395
```
#31d395 rgb(49,211,149)
```

Complementary Color

#d331c0
```
#d331c0 rgb(211,49,192)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#d34431
```
#d34431 rgb(211,68,49)
```

Analogous Color

#31c0d3
```
#31c0d3 rgb(49,192,211)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#31d344
```
#31d344 rgb(49,211,68)
```

Split Complementary Color

#316fd3
```
#316fd3 rgb(49,111,211)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#6fd331
```
#6fd331 rgb(111,211,49)
```

Triadic Color

#9531d3
```
#9531d3 rgb(149,49,211)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#6fd331
```
#6fd331 rgb(111,211,49)
```
#31d395
```
#31d395 rgb(49,211,149)
```

Tetradic Color

#97204e
```
#97204e rgb(151,32,78)
```
#ac2559
```
#ac2559 rgb(172,37,89)
```
#c12963
```
#c12963 rgb(193,41,99)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#d7467e
```
#d7467e rgb(215,70,126)
```
#dc5b8c
```
#dc5b8c rgb(220,91,140)
```
#e0709b
```
#e0709b rgb(224,112,155)
```

Monochromatic Color

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

#d33198
```
#d33198 rgb(211,49,152)
```
#d3318a
```
#d3318a rgb(211,49,138)
```
#d3317d
```
#d3317d rgb(211,49,125)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#d33162
```
#d33162 rgb(211,49,98)
```
#d33154
```
#d33154 rgb(211,49,84)
```
#d33146
```
#d33146 rgb(211,49,70)
```

Similar Colors

Text with hexadecimal color #d3316f

This text has a font color of #d3316f.

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

#d3316f background color

This paragraph has a background color of #d3316f.

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

#d3316f border color

This element has a border color of #d3316f.

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

CSS codes

.text {color:#d3316f;}

.background {background-color:#d3316f;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#14040a
```
#14040a rgb(20,4,10)
```
#240813
```
#240813 rgb(36,8,19)
```
#350b1b
```
#350b1b rgb(53,11,27)
```
#450f23
```
#450f23 rgb(69,15,35)
```
#55122c
```
#55122c rgb(85,18,44)
```
#651634
```
#651634 rgb(101,22,52)
```
#75193c
```
#75193c rgb(117,25,60)
```
#851c45
```
#851c45 rgb(133,28,69)
```
#96204d
```
#96204d rgb(150,32,77)
```
#a62355
```
#a62355 rgb(166,35,85)
```
#b6275e
```
#b6275e rgb(182,39,94)
```
#c62a66
```
#c62a66 rgb(198,42,102)
```

Shade Color Variation

#d3316f
```
#d3316f rgb(211,49,111)
```
#d6417a
```
#d6417a rgb(214,65,122)
```
#da5186
```
#da5186 rgb(218,81,134)
```
#dd6191
```
#dd6191 rgb(221,97,145)
```
#e1729c
```
#e1729c rgb(225,114,156)
```
#e482a7
```
#e482a7 rgb(228,130,167)
```
#e892b3
```
#e892b3 rgb(232,146,179)
```
#eba2be
```
#eba2be rgb(235,162,190)
```
#efb2c9
```
#efb2c9 rgb(239,178,201)
```
#f2c2d5
```
#f2c2d5 rgb(242,194,213)
```
#f6d3e0
```
#f6d3e0 rgb(246,211,224)
```
#f9e3eb
```
#f9e3eb rgb(249,227,235)
```
#fcf3f7
```
#fcf3f7 rgb(252,243,247)
```

Tint Color Variation

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

#867e81
```
#867e81 rgb(134,126,129)
```
#90747f
```
#90747f rgb(144,116,127)
```
#996b7d
```
#996b7d rgb(153,107,125)
```
#a3617a
```
#a3617a rgb(163,97,122)
```
#ad5778
```
#ad5778 rgb(173,87,120)
```
#b64e76
```
#b64e76 rgb(182,78,118)
```
#c04474
```
#c04474 rgb(192,68,116)
```
#c93b71
```
#c93b71 rgb(201,59,113)
```
#d3316f
```
#d3316f rgb(211,49,111)
```
#dd276d
```
#dd276d rgb(221,39,109)
```
#e61e6a
```
#e61e6a rgb(230,30,106)
```
#f01468
```
#f01468 rgb(240,20,104)
```
#f90b66
```
#f90b66 rgb(249,11,102)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7e5e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#737994 Protanopia 1% of men
#8b766b Deuteranopia 1% of men
#d2474a Tritanopia 0.001% of the population

Trichromacy

#965f86 Protanomaly 1% of men, 0.01% of women
#a55d6c Deuteranomaly 6% of men, 0.4% of women
#d23f57 Tritanomaly 0.01% of the population

#d3316f hex color

#d3316f Color Information

#d3316f Color Conversion

Color Schemes with #d3316f

Alternatives to #d3316f

#d3316f Preview

Shades and Tints of #d3316f

Tones of #d3316f

Color Blindness Simulator