#d312f9 hex color

In a RGB color space, hex #d312f9 is composed of 82.7% red, 7.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 92.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 290.1 degrees, a saturation of 95.1% and a lightness of 52.4%. #d312f9 color hex could be obtained by blending #ff24ff with #a700f3. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 7
- B 98
RGB color chart
- C 15
- M 93
- Y 0
- K 2
CMYK color chart

● #d312f9 color description : Vivid magenta.

The hexadecimal color #d312f9 has RGB values of R:211, G:18, B:249 and CMYK values of C:0.15, M:0.93, Y:0, K:0.02. Its decimal value is 13832953.

Hex triplet	d312f9	`#d312f9`
RGB Decimal	211, 18, 249	`rgb(211,18,249)`
RGB Percent	82.7, 7.1, 97.6	`rgb(82.7%,7.1%,97.6%)`
CMYK	15, 93, 0, 2
HSL	290.1°, 95.1, 52.4	`hsl(290.1,95.1%,52.4%)`
HSV (or HSB)	290.1°, 92.8, 97.6
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	53.084, 89.532, -69.532
XYZ	44.177, 21.123, 91.368
xyY	0.282, 0.135, 21.123
CIE-LCH	53.084, 113.361, 322.166
CIE-LUV	53.084, 55.474, -116.634
Hunter-Lab	45.96, 91.146, -85.695
Binary	11010011, 00010010, 11111001

#d312f9
```
#d312f9 rgb(211,18,249)
```
#38f912
```
#38f912 rgb(56,249,18)
```

Complementary Color

#5f12f9
```
#5f12f9 rgb(95,18,249)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```
#f912ac
```
#f912ac rgb(249,18,172)
```

Analogous Color

#12f95f
```
#12f95f rgb(18,249,95)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```
#acf912
```
#acf912 rgb(172,249,18)
```

Split Complementary Color

#12f9d3
```
#12f9d3 rgb(18,249,211)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```
#f9d312
```
#f9d312 rgb(249,211,18)
```

Triadic Color

#1238f9
```
#1238f9 rgb(18,56,249)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```
#f9d312
```
#f9d312 rgb(249,211,18)
```
#38f912
```
#38f912 rgb(56,249,18)
```

Tetradic Color

#9c05ba
```
#9c05ba rgb(156,5,186)
```
#b105d3
```
#b105d3 rgb(177,5,211)
```
#c606ec
```
#c606ec rgb(198,6,236)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```
#d82bfa
```
#d82bfa rgb(216,43,250)
```
#dc44fa
```
#dc44fa rgb(220,68,250)
```
#e15dfb
```
#e15dfb rgb(225,93,251)
```

Monochromatic Color

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

#9912f9
```
#9912f9 rgb(153,18,249)
```
#ad12f9
```
#ad12f9 rgb(173,18,249)
```
#c012f9
```
#c012f9 rgb(192,18,249)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```
#e612f9
```
#e612f9 rgb(230,18,249)
```
#f912f9
```
#f912f9 rgb(249,18,249)
```
#f912e5
```
#f912e5 rgb(249,18,229)
```

Similar Colors

Text with hexadecimal color #d312f9

This text has a font color of #d312f9.

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

#d312f9 background color

This paragraph has a background color of #d312f9.

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

#d312f9 border color

This element has a border color of #d312f9.

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

CSS codes

.text {color:#d312f9;}

.background {background-color:#d312f9;}

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

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, #0a000c is the darkest color, while #fef8ff is the lightest one.

#0a000c
```
#0a000c rgb(10,0,12)
```
#1a011f
```
#1a011f rgb(26,1,31)
```
#2a0132
```
#2a0132 rgb(42,1,50)
```
#3a0245
```
#3a0245 rgb(58,2,69)
```
#4a0258
```
#4a0258 rgb(74,2,88)
```
#5a036b
```
#5a036b rgb(90,3,107)
```
#6a037e
```
#6a037e rgb(106,3,126)
```
#7a0492
```
#7a0492 rgb(122,4,146)
```
#8a04a5
```
#8a04a5 rgb(138,4,165)
```
#9a05b8
```
#9a05b8 rgb(154,5,184)
```
#aa05cb
```
#aa05cb rgb(170,5,203)
```
#bb06de
```
#bb06de rgb(187,6,222)
```
#cb06f1
```
#cb06f1 rgb(203,6,241)
```

Shade Color Variation

#d312f9
```
#d312f9 rgb(211,18,249)
```
#d725f9
```
#d725f9 rgb(215,37,249)
```
#da38fa
```
#da38fa rgb(218,56,250)
```
#de4bfa
```
#de4bfa rgb(222,75,250)
```
#e15ffb
```
#e15ffb rgb(225,95,251)
```
#e572fb
```
#e572fb rgb(229,114,251)
```
#e885fc
```
#e885fc rgb(232,133,252)
```
#ec98fc
```
#ec98fc rgb(236,152,252)
```
#efabfd
```
#efabfd rgb(239,171,253)
```
#f3befd
```
#f3befd rgb(243,190,253)
```
#f7d1fe
```
#f7d1fe rgb(247,209,254)
```
#fae4fe
```
#fae4fe rgb(250,228,254)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#888289
```
#888289 rgb(136,130,137)
```
#8e7992
```
#8e7992 rgb(142,121,146)
```
#946f9c
```
#946f9c rgb(148,111,156)
```
#9b66a5
```
#9b66a5 rgb(155,102,165)
```
#a15dae
```
#a15dae rgb(161,93,174)
```
#a753b8
```
#a753b8 rgb(167,83,184)
```
#ad4ac1
```
#ad4ac1 rgb(173,74,193)
```
#b441ca
```
#b441ca rgb(180,65,202)
```
#ba37d4
```
#ba37d4 rgb(186,55,212)
```
#c02edd
```
#c02edd rgb(192,46,221)
```
#c625e6
```
#c625e6 rgb(198,37,230)
```
#cd1bf0
```
#cd1bf0 rgb(205,27,240)
```
#d312f9
```
#d312f9 rgb(211,18,249)
```

Tone Color Variation

Below, you can see how #d312f9 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
#7c5583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#1087e2 Deuteranopia 1% of men
#c06c73 Tritanopia 0.001% of the population

Trichromacy

#4c59fb Protanomaly 1% of men, 0.01% of women
#575cea Deuteranomaly 6% of men, 0.4% of women
#c74ba4 Tritanomaly 0.01% of the population

#d312f9 hex color

#d312f9 Color Information

#d312f9 Color Conversion

Color Schemes with #d312f9

Alternatives to #d312f9

#d312f9 Preview

Shades and Tints of #d312f9

Tones of #d312f9

Color Blindness Simulator