#d306f7 hex color

In a RGB color space, hex #d306f7 is composed of 82.7% red, 2.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 97.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 291 degrees, a saturation of 95.3% and a lightness of 49.6%. #d306f7 color hex could be obtained by blending #ff0cff with #a700ef. Closest websafe color is: #cc00ff.

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

● #d306f7 color description : Vivid magenta.

The hexadecimal color #d306f7 has RGB values of R:211, G:6, B:247 and CMYK values of C:0.15, M:0.98, Y:0, K:0.03. Its decimal value is 13829879.

Hex triplet	d306f7	`#d306f7`
RGB Decimal	211, 6, 247	`rgb(211,6,247)`
RGB Percent	82.7, 2.4, 96.9	`rgb(82.7%,2.4%,96.9%)`
CMYK	15, 98, 0, 3
HSL	291°, 95.3, 49.6	`hsl(291,95.3%,49.6%)`
HSV (or HSB)	291°, 97.6, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.616, 90.196, -69.173
XYZ	43.716, 20.697, 89.683
xyY	0.284, 0.134, 20.697
CIE-LCH	52.616, 113.667, 322.515
CIE-LUV	52.616, 56.596, -115.905
Hunter-Lab	45.494, 91.91, -85.034
Binary	11010011, 00000110, 11110111

#d306f7
```
#d306f7 rgb(211,6,247)
```
#2af706
```
#2af706 rgb(42,247,6)
```

Complementary Color

#5a06f7
```
#5a06f7 rgb(90,6,247)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```
#f706a3
```
#f706a3 rgb(247,6,163)
```

Analogous Color

#06f75a
```
#06f75a rgb(6,247,90)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```
#a3f706
```
#a3f706 rgb(163,247,6)
```

Split Complementary Color

#06f7d3
```
#06f7d3 rgb(6,247,211)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```
#f7d306
```
#f7d306 rgb(247,211,6)
```

Triadic Color

#062af7
```
#062af7 rgb(6,42,247)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```
#f7d306
```
#f7d306 rgb(247,211,6)
```
#2af706
```
#2af706 rgb(42,247,6)
```

Tetradic Color

#9304ac
```
#9304ac rgb(147,4,172)
```
#a805c5
```
#a805c5 rgb(168,5,197)
```
#be05de
```
#be05de rgb(190,5,222)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```
#d91dfa
```
#d91dfa rgb(217,29,250)
```
#dd36fa
```
#dd36fa rgb(221,54,250)
```
#e14ffb
```
#e14ffb rgb(225,79,251)
```

Monochromatic Color

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

#9706f7
```
#9706f7 rgb(151,6,247)
```
#ab06f7
```
#ab06f7 rgb(171,6,247)
```
#bf06f7
```
#bf06f7 rgb(191,6,247)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```
#e706f7
```
#e706f7 rgb(231,6,247)
```
#f706f3
```
#f706f3 rgb(247,6,243)
```
#f706df
```
#f706df rgb(247,6,223)
```

Similar Colors

Text with hexadecimal color #d306f7

This text has a font color of #d306f7.

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

#d306f7 background color

This paragraph has a background color of #d306f7.

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

#d306f7 border color

This element has a border color of #d306f7.

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

CSS codes

.text {color:#d306f7;}

.background {background-color:#d306f7;}

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

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

#0f0011
```
#0f0011 rgb(15,0,17)
```
#1f0124
```
#1f0124 rgb(31,1,36)
```
#2f0137
```
#2f0137 rgb(47,1,55)
```
#40024b
```
#40024b rgb(64,2,75)
```
#50025e
```
#50025e rgb(80,2,94)
```
#600371
```
#600371 rgb(96,3,113)
```
#710384
```
#710384 rgb(113,3,132)
```
#810497
```
#810497 rgb(129,4,151)
```
#9204aa
```
#9204aa rgb(146,4,170)
```
#a205be
```
#a205be rgb(162,5,190)
```
#b205d1
```
#b205d1 rgb(178,5,209)
```
#c306e4
```
#c306e4 rgb(195,6,228)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```

Shade Color Variation

#d817f9
```
#d817f9 rgb(216,23,249)
```
#db2afa
```
#db2afa rgb(219,42,250)
```
#de3efa
```
#de3efa rgb(222,62,250)
```
#e151fb
```
#e151fb rgb(225,81,251)
```
#e564fb
```
#e564fb rgb(229,100,251)
```
#e877fc
```
#e877fc rgb(232,119,252)
```
#eb8afc
```
#eb8afc rgb(235,138,252)
```
#ee9dfd
```
#ee9dfd rgb(238,157,253)
```
#f2b0fd
```
#f2b0fd rgb(242,176,253)
```
#f5c4fe
```
#f5c4fe rgb(245,196,254)
```
#f8d7fe
```
#f8d7fe rgb(248,215,254)
```
#fbeafe
```
#fbeafe rgb(251,234,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#817b82
```
#817b82 rgb(129,123,130)
```
#88718c
```
#88718c rgb(136,113,140)
```
#8f6796
```
#8f6796 rgb(143,103,150)
```
#965e9f
```
#965e9f rgb(150,94,159)
```
#9c54a9
```
#9c54a9 rgb(156,84,169)
```
#a34ab3
```
#a34ab3 rgb(163,74,179)
```
#aa40bd
```
#aa40bd rgb(170,64,189)
```
#b137c6
```
#b137c6 rgb(177,55,198)
```
#b82dd0
```
#b82dd0 rgb(184,45,208)
```
#bf23da
```
#bf23da rgb(191,35,218)
```
#c519e4
```
#c519e4 rgb(197,25,228)
```
#cc10ed
```
#cc10ed rgb(204,16,237)
```
#d306f7
```
#d306f7 rgb(211,6,247)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#764d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#1386df Deuteranopia 1% of men
#c16a71 Tritanopia 0.001% of the population

Trichromacy

#4c53f9 Protanomaly 1% of men, 0.01% of women
#5957e8 Deuteranomaly 6% of men, 0.4% of women
#c745a1 Tritanomaly 0.01% of the population

#d306f7 hex color

#d306f7 Color Information

#d306f7 Color Conversion

Color Schemes with #d306f7

Alternatives to #d306f7

#d306f7 Preview

Shades and Tints of #d306f7

Tones of #d306f7

Color Blindness Simulator