#d312f3 hex color

In a RGB color space, hex #d312f3 is composed of 82.7% red, 7.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 92.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 291.5 degrees, a saturation of 90.4% and a lightness of 51.2%. #d312f3 color hex could be obtained by blending #ff24ff with #a700e7. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 7
- B 95
RGB color chart
- C 13
- M 93
- Y 0
- K 5
CMYK color chart

● #d312f3 color description : Vivid magenta.

The hexadecimal color #d312f3 has RGB values of R:211, G:18, B:243 and CMYK values of C:0.13, M:0.93, Y:0, K:0.05. Its decimal value is 13832947.

Hex triplet	d312f3	`#d312f3`
RGB Decimal	211, 18, 243	`rgb(211,18,243)`
RGB Percent	82.7, 7.1, 95.3	`rgb(82.7%,7.1%,95.3%)`
CMYK	13, 93, 0, 5
HSL	291.5°, 90.4, 51.2	`hsl(291.5,90.4%,51.2%)`
HSV (or HSB)	291.5°, 92.6, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.68, 88.563, -66.83
XYZ	43.256, 20.755, 86.517
xyY	0.287, 0.138, 20.755
CIE-LCH	52.68, 110.948, 322.962
CIE-LUV	52.68, 57.458, -112.435
Hunter-Lab	45.558, 89.758, -80.705
Binary	11010011, 00010010, 11110011

#d312f3
```
#d312f3 rgb(211,18,243)
```
#32f312
```
#32f312 rgb(50,243,18)
```

Complementary Color

#6312f3
```
#6312f3 rgb(99,18,243)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#f312a3
```
#f312a3 rgb(243,18,163)
```

Analogous Color

#12f363
```
#12f363 rgb(18,243,99)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#a3f312
```
#a3f312 rgb(163,243,18)
```

Split Complementary Color

#12f3d3
```
#12f3d3 rgb(18,243,211)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#f3d312
```
#f3d312 rgb(243,211,18)
```

Triadic Color

#1232f3
```
#1232f3 rgb(18,50,243)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#f3d312
```
#f3d312 rgb(243,211,18)
```
#32f312
```
#32f312 rgb(50,243,18)
```

Tetradic Color

#9809b0
```
#9809b0 rgb(152,9,176)
```
#ad0ac8
```
#ad0ac8 rgb(173,10,200)
```
#c20be0
```
#c20be0 rgb(194,11,224)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#d82af4
```
#d82af4 rgb(216,42,244)
```
#dc43f5
```
#dc43f5 rgb(220,67,245)
```
#e15bf7
```
#e15bf7 rgb(225,91,247)
```

Monochromatic Color

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

#9b12f3
```
#9b12f3 rgb(155,18,243)
```
#ae12f3
```
#ae12f3 rgb(174,18,243)
```
#c012f3
```
#c012f3 rgb(192,18,243)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#e612f3
```
#e612f3 rgb(230,18,243)
```
#f312ee
```
#f312ee rgb(243,18,238)
```
#f312db
```
#f312db rgb(243,18,219)
```

Similar Colors

Text with hexadecimal color #d312f3

This text has a font color of #d312f3.

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

#d312f3 background color

This paragraph has a background color of #d312f3.

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

#d312f3 border color

This element has a border color of #d312f3.

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

CSS codes

.text {color:#d312f3;}

.background {background-color:#d312f3;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#150118
```
#150118 rgb(21,1,24)
```
#25022b
```
#25022b rgb(37,2,43)
```
#35033e
```
#35033e rgb(53,3,62)
```
#460450
```
#460450 rgb(70,4,80)
```
#560563
```
#560563 rgb(86,5,99)
```
#660676
```
#660676 rgb(102,6,118)
```
#760788
```
#760788 rgb(118,7,136)
```
#86089b
```
#86089b rgb(134,8,155)
```
#9609ae
```
#9609ae rgb(150,9,174)
```
#a60ac0
```
#a60ac0 rgb(166,10,192)
```
#b70bd3
```
#b70bd3 rgb(183,11,211)
```
#c70ce6
```
#c70ce6 rgb(199,12,230)
```

Shade Color Variation

#d312f3
```
#d312f3 rgb(211,18,243)
```
#d625f4
```
#d625f4 rgb(214,37,244)
```
#da37f5
```
#da37f5 rgb(218,55,245)
```
#dd4af6
```
#dd4af6 rgb(221,74,246)
```
#e15df7
```
#e15df7 rgb(225,93,247)
```
#e46ff8
```
#e46ff8 rgb(228,111,248)
```
#e882f9
```
#e882f9 rgb(232,130,249)
```
#eb95fa
```
#eb95fa rgb(235,149,250)
```
#efa7fb
```
#efa7fb rgb(239,167,251)
```
#f2bafc
```
#f2bafc rgb(242,186,252)
```
#f6cdfc
```
#f6cdfc rgb(246,205,252)
```
#f9dffd
```
#f9dffd rgb(249,223,253)
```
#fdf2fe
```
#fdf2fe rgb(253,242,254)
```

Tint Color Variation

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

#887b8a
```
#887b8a rgb(136,123,138)
```
#8e7293
```
#8e7293 rgb(142,114,147)
```
#95689d
```
#95689d rgb(149,104,157)
```
#9c5fa6
```
#9c5fa6 rgb(156,95,166)
```
#a355b0
```
#a355b0 rgb(163,85,176)
```
#aa4bba
```
#aa4bba rgb(170,75,186)
```
#b142c3
```
#b142c3 rgb(177,66,195)
```
#b838cd
```
#b838cd rgb(184,56,205)
```
#be2fd6
```
#be2fd6 rgb(190,47,214)
```
#c525e0
```
#c525e0 rgb(197,37,224)
```
#cc1ce9
```
#cc1ce9 rgb(204,28,233)
```
#d312f3
```
#d312f3 rgb(211,18,243)
```
#da08fd
```
#da08fd rgb(218,8,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7b5481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#2b86dc Deuteranopia 1% of men
#c16a70 Tritanopia 0.001% of the population

Trichromacy

#4c58f7 Protanomaly 1% of men, 0.01% of women
#685be4 Deuteranomaly 6% of men, 0.4% of women
#c84aa0 Tritanomaly 0.01% of the population

#d312f3 hex color

#d312f3 Color Information

#d312f3 Color Conversion

Color Schemes with #d312f3

Alternatives to #d312f3

#d312f3 Preview

Shades and Tints of #d312f3

Tones of #d312f3

Color Blindness Simulator