#d310f2 hex color

In a RGB color space, hex #d310f2 is composed of 82.7% red, 6.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 93.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 291.8 degrees, a saturation of 89.7% and a lightness of 50.6%. #d310f2 color hex could be obtained by blending #ff20ff with #a700e5. Closest websafe color is: #cc00ff.

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

● #d310f2 color description : Vivid magenta.

The hexadecimal color #d310f2 has RGB values of R:211, G:16, B:242 and CMYK values of C:0.13, M:0.93, Y:0, K:0.05. Its decimal value is 13832434.

Hex triplet	d310f2	`#d310f2`
RGB Decimal	211, 16, 242	`rgb(211,16,242)`
RGB Percent	82.7, 6.3, 94.9	`rgb(82.7%,6.3%,94.9%)`
CMYK	13, 93, 0, 5
HSL	291.8°, 89.7, 50.6	`hsl(291.8,89.7%,50.6%)`
HSV (or HSB)	291.8°, 93.4, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.545, 88.606, -66.487
XYZ	43.075, 20.633, 85.713
xyY	0.288, 0.138, 20.633
CIE-LCH	52.545, 110.777, 323.117
CIE-LUV	52.545, 57.894, -111.871
Hunter-Lab	45.423, 89.781, -80.084
Binary	11010011, 00010000, 11110010

#d310f2
```
#d310f2 rgb(211,16,242)
```
#2ff210
```
#2ff210 rgb(47,242,16)
```

Complementary Color

#6210f2
```
#6210f2 rgb(98,16,242)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#f210a0
```
#f210a0 rgb(242,16,160)
```

Analogous Color

#10f262
```
#10f262 rgb(16,242,98)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#a0f210
```
#a0f210 rgb(160,242,16)
```

Split Complementary Color

#10f2d3
```
#10f2d3 rgb(16,242,211)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#f2d310
```
#f2d310 rgb(242,211,16)
```

Triadic Color

#102ff2
```
#102ff2 rgb(16,47,242)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#f2d310
```
#f2d310 rgb(242,211,16)
```
#2ff210
```
#2ff210 rgb(47,242,16)
```

Tetradic Color

#9609ac
```
#9609ac rgb(150,9,172)
```
#ab0bc4
```
#ab0bc4 rgb(171,11,196)
```
#c00cdd
```
#c00cdd rgb(192,12,221)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#d728f3
```
#d728f3 rgb(215,40,243)
```
#dc40f5
```
#dc40f5 rgb(220,64,245)
```
#e059f6
```
#e059f6 rgb(224,89,246)
```

Monochromatic Color

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

#9b10f2
```
#9b10f2 rgb(155,16,242)
```
#ad10f2
```
#ad10f2 rgb(173,16,242)
```
#c010f2
```
#c010f2 rgb(192,16,242)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#e610f2
```
#e610f2 rgb(230,16,242)
```
#f210eb
```
#f210eb rgb(242,16,235)
```
#f210d9
```
#f210d9 rgb(242,16,217)
```

Similar Colors

Text with hexadecimal color #d310f2

This text has a font color of #d310f2.

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

#d310f2 background color

This paragraph has a background color of #d310f2.

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

#d310f2 border color

This element has a border color of #d310f2.

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

CSS codes

.text {color:#d310f2;}

.background {background-color:#d310f2;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#130115
```
#130115 rgb(19,1,21)
```
#230228
```
#230228 rgb(35,2,40)
```
#33033b
```
#33033b rgb(51,3,59)
```
#43044d
```
#43044d rgb(67,4,77)
```
#530560
```
#530560 rgb(83,5,96)
```
#640672
```
#640672 rgb(100,6,114)
```
#740785
```
#740785 rgb(116,7,133)
```
#840898
```
#840898 rgb(132,8,152)
```
#9409aa
```
#9409aa rgb(148,9,170)
```
#a40abd
```
#a40abd rgb(164,10,189)
```
#b50bcf
```
#b50bcf rgb(181,11,207)
```
#c50ce2
```
#c50ce2 rgb(197,12,226)
```

Shade Color Variation

#d310f2
```
#d310f2 rgb(211,16,242)
```
#d623f3
```
#d623f3 rgb(214,35,243)
```
#da35f4
```
#da35f4 rgb(218,53,244)
```
#dd48f5
```
#dd48f5 rgb(221,72,245)
```
#e15af6
```
#e15af6 rgb(225,90,246)
```
#e46df7
```
#e46df7 rgb(228,109,247)
```
#e880f8
```
#e880f8 rgb(232,128,248)
```
#eb92f9
```
#eb92f9 rgb(235,146,249)
```
#eea5fa
```
#eea5fa rgb(238,165,250)
```
#f2b7fb
```
#f2b7fb rgb(242,183,251)
```
#f5cafc
```
#f5cafc rgb(245,202,252)
```
#f9ddfd
```
#f9ddfd rgb(249,221,253)
```
#fceffe
```
#fceffe rgb(252,239,254)
```

Tint Color Variation

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

#867b87
```
#867b87 rgb(134,123,135)
```
#8d7191
```
#8d7191 rgb(141,113,145)
```
#94679b
```
#94679b rgb(148,103,155)
```
#9b5ea4
```
#9b5ea4 rgb(155,94,164)
```
#a254ae
```
#a254ae rgb(162,84,174)
```
#a94ab8
```
#a94ab8 rgb(169,74,184)
```
#b040c2
```
#b040c2 rgb(176,64,194)
```
#b737cb
```
#b737cb rgb(183,55,203)
```
#be2dd5
```
#be2dd5 rgb(190,45,213)
```
#c523df
```
#c523df rgb(197,35,223)
```
#cc1ae8
```
#cc1ae8 rgb(204,26,232)
```
#d310f2
```
#d310f2 rgb(211,16,242)
```
#da06fc
```
#da06fc rgb(218,6,252)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7a5380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080f9 Protanopia 1% of men
#2d85db Deuteranopia 1% of men
#c26970 Tritanopia 0.001% of the population

Trichromacy

#4c57f7 Protanomaly 1% of men, 0.01% of women
#695be3 Deuteranomaly 6% of men, 0.4% of women
#c8489f Tritanomaly 0.01% of the population

#d310f2 hex color

#d310f2 Color Information

#d310f2 Color Conversion

Color Schemes with #d310f2

Alternatives to #d310f2

#d310f2 Preview

Shades and Tints of #d310f2

Tones of #d310f2

Color Blindness Simulator