#d313f4 hex color

In a RGB color space, hex #d313f4 is composed of 82.7% red, 7.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 92.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 291.2 degrees, a saturation of 91.1% and a lightness of 51.6%. #d313f4 color hex could be obtained by blending #ff26ff with #a700e9. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 7
- B 96
RGB color chart
- C 14
- M 92
- Y 0
- K 4
CMYK color chart

● #d313f4 color description : Vivid magenta.

The hexadecimal color #d313f4 has RGB values of R:211, G:19, B:244 and CMYK values of C:0.14, M:0.92, Y:0, K:0.04. Its decimal value is 13833204.

Hex triplet	d313f4	`#d313f4`
RGB Decimal	211, 19, 244	`rgb(211,19,244)`
RGB Percent	82.7, 7.5, 95.7	`rgb(82.7%,7.5%,95.7%)`
CMYK	14, 92, 0, 4
HSL	291.2°, 91.1, 51.6	`hsl(291.2,91.1%,51.6%)`
HSV (or HSB)	291.2°, 92.2, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.783, 88.615, -67.223
XYZ	43.424, 20.849, 87.32
xyY	0.286, 0.138, 20.849
CIE-LCH	52.783, 111.227, 322.816
CIE-LUV	52.783, 57.071, -113.064
Hunter-Lab	45.66, 89.853, -81.423
Binary	11010011, 00010011, 11110100

#d313f4
```
#d313f4 rgb(211,19,244)
```
#34f413
```
#34f413 rgb(52,244,19)
```

Complementary Color

#6213f4
```
#6213f4 rgb(98,19,244)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#f413a5
```
#f413a5 rgb(244,19,165)
```

Analogous Color

#13f462
```
#13f462 rgb(19,244,98)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#a5f413
```
#a5f413 rgb(165,244,19)
```

Split Complementary Color

#13f4d3
```
#13f4d3 rgb(19,244,211)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#f4d313
```
#f4d313 rgb(244,211,19)
```

Triadic Color

#1334f4
```
#1334f4 rgb(19,52,244)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#f4d313
```
#f4d313 rgb(244,211,19)
```
#34f413
```
#34f413 rgb(52,244,19)
```

Tetradic Color

#9908b2
```
#9908b2 rgb(153,8,178)
```
#ae09cb
```
#ae09cb rgb(174,9,203)
```
#c30be3
```
#c30be3 rgb(195,11,227)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#d82bf5
```
#d82bf5 rgb(216,43,245)
```
#dc44f6
```
#dc44f6 rgb(220,68,246)
```
#e15cf7
```
#e15cf7 rgb(225,92,247)
```

Monochromatic Color

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

#9b13f4
```
#9b13f4 rgb(155,19,244)
```
#ae13f4
```
#ae13f4 rgb(174,19,244)
```
#c013f4
```
#c013f4 rgb(192,19,244)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#e613f4
```
#e613f4 rgb(230,19,244)
```
#f413f0
```
#f413f0 rgb(244,19,240)
```
#f413dd
```
#f413dd rgb(244,19,221)
```

Similar Colors

Text with hexadecimal color #d313f4

This text has a font color of #d313f4.

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

#d313f4 background color

This paragraph has a background color of #d313f4.

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

#d313f4 border color

This element has a border color of #d313f4.

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

CSS codes

.text {color:#d313f4;}

.background {background-color:#d313f4;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#17011a
```
#17011a rgb(23,1,26)
```
#27022d
```
#27022d rgb(39,2,45)
```
#370340
```
#370340 rgb(55,3,64)
```
#470453
```
#470453 rgb(71,4,83)
```
#570565
```
#570565 rgb(87,5,101)
```
#670678
```
#670678 rgb(103,6,120)
```
#77068b
```
#77068b rgb(119,6,139)
```
#88079e
```
#88079e rgb(136,7,158)
```
#9808b0
```
#9808b0 rgb(152,8,176)
```
#a809c3
```
#a809c3 rgb(168,9,195)
```
#b80ad6
```
#b80ad6 rgb(184,10,214)
```
#c80be9
```
#c80be9 rgb(200,11,233)
```

Shade Color Variation

#d313f4
```
#d313f4 rgb(211,19,244)
```
#d626f5
```
#d626f5 rgb(214,38,245)
```
#da38f6
```
#da38f6 rgb(218,56,246)
```
#dd4bf7
```
#dd4bf7 rgb(221,75,247)
```
#e15ef7
```
#e15ef7 rgb(225,94,247)
```
#e471f8
```
#e471f8 rgb(228,113,248)
```
#e883f9
```
#e883f9 rgb(232,131,249)
```
#eb96fa
```
#eb96fa rgb(235,150,250)
```
#efa9fb
```
#efa9fb rgb(239,169,251)
```
#f2bcfc
```
#f2bcfc rgb(242,188,252)
```
#f6cefd
```
#f6cefd rgb(246,206,253)
```
#f9e1fe
```
#f9e1fe rgb(249,225,254)
```
#fdf4fe
```
#fdf4fe rgb(253,244,254)
```

Tint Color Variation

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

#897c8c
```
#897c8c rgb(137,124,140)
```
#907295
```
#907295 rgb(144,114,149)
```
#97699f
```
#97699f rgb(151,105,159)
```
#9d5fa8
```
#9d5fa8 rgb(157,95,168)
```
#a456b2
```
#a456b2 rgb(164,86,178)
```
#ab4cbb
```
#ab4cbb rgb(171,76,187)
```
#b143c5
```
#b143c5 rgb(177,67,197)
```
#b839ce
```
#b839ce rgb(184,57,206)
```
#bf30d8
```
#bf30d8 rgb(191,48,216)
```
#c626e1
```
#c626e1 rgb(198,38,225)
```
#cc1deb
```
#cc1deb rgb(204,29,235)
```
#d313f4
```
#d313f4 rgb(211,19,244)
```
#da0afe
```
#da0afe rgb(218,10,254)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7c5582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#2986dd Deuteranopia 1% of men
#c16a71 Tritanopia 0.001% of the population

Trichromacy

#4c58f8 Protanomaly 1% of men, 0.01% of women
#665ce5 Deuteranomaly 6% of men, 0.4% of women
#c84aa0 Tritanomaly 0.01% of the population

#d313f4 hex color

#d313f4 Color Information

#d313f4 Color Conversion

Color Schemes with #d313f4

Alternatives to #d313f4

#d313f4 Preview

Shades and Tints of #d313f4

Tones of #d313f4

Color Blindness Simulator