#d306d2 hex color

In a RGB color space, hex #d306d2 is composed of 82.7% red, 2.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.2% magenta, 0.5% yellow and 17.3% black. It has a hue angle of 300.3 degrees, a saturation of 94.5% and a lightness of 42.5%. #d306d2 color hex could be obtained by blending #ff0cff with #a700a5. Closest websafe color is: #cc00cc.

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

● #d306d2 color description : Strong magenta.

The hexadecimal color #d306d2 has RGB values of R:211, G:6, B:210 and CMYK values of C:0, M:0.97, Y:0, K:0.17. Its decimal value is 13829842.

Hex triplet	d306d2	`#d306d2`
RGB Decimal	211, 6, 210	`rgb(211,6,210)`
RGB Percent	82.7, 2.4, 82.4	`rgb(82.7%,2.4%,82.4%)`
CMYK	0, 97, 0, 17
HSL	300.3°, 94.5, 42.5	`hsl(300.3,94.5%,42.5%)`
HSV (or HSB)	300.3°, 97.2, 82.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	50.257, 84.555, -52.009
XYZ	38.561, 18.635, 62.535
xyY	0.322, 0.156, 18.635
CIE-LCH	50.257, 99.27, 328.404
CIE-LUV	50.257, 70.024, -89.301
Hunter-Lab	43.168, 83.905, -55.672
Binary	11010011, 00000110, 11010010

#d306d2
```
#d306d2 rgb(211,6,210)
```
#06d307
```
#06d307 rgb(6,211,7)
```

Complementary Color

#6e06d3
```
#6e06d3 rgb(110,6,211)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#d3066c
```
#d3066c rgb(211,6,108)
```

Analogous Color

#06d36e
```
#06d36e rgb(6,211,110)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#6cd306
```
#6cd306 rgb(108,211,6)
```

Split Complementary Color

#06d2d3
```
#06d2d3 rgb(6,210,211)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#d2d306
```
#d2d306 rgb(210,211,6)
```

Triadic Color

#0706d3
```
#0706d3 rgb(7,6,211)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#d2d306
```
#d2d306 rgb(210,211,6)
```
#06d307
```
#06d307 rgb(6,211,7)
```

Tetradic Color

#890488
```
#890488 rgb(137,4,136)
```
#a105a1
```
#a105a1 rgb(161,5,161)
```
#ba05b9
```
#ba05b9 rgb(186,5,185)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#ec07eb
```
#ec07eb rgb(236,7,235)
```
#f814f7
```
#f814f7 rgb(248,20,247)
```
#f92cf8
```
#f92cf8 rgb(249,44,248)
```

Monochromatic Color

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

#a106d3
```
#a106d3 rgb(161,6,211)
```
#b206d3
```
#b206d3 rgb(178,6,211)
```
#c306d3
```
#c306d3 rgb(195,6,211)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#d306c1
```
#d306c1 rgb(211,6,193)
```
#d306b0
```
#d306b0 rgb(211,6,176)
```
#d3069f
```
#d3069f rgb(211,6,159)
```

Similar Colors

Text with hexadecimal color #d306d2

This text has a font color of #d306d2.

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

#d306d2 background color

This paragraph has a background color of #d306d2.

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

#d306d2 border color

This element has a border color of #d306d2.

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

CSS codes

.text {color:#d306d2;}

.background {background-color:#d306d2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140114
```
#140114 rgb(20,1,20)
```
#270127
```
#270127 rgb(39,1,39)
```
#3a023a
```
#3a023a rgb(58,2,58)
```
#4d024d
```
#4d024d rgb(77,2,77)
```
#610360
```
#610360 rgb(97,3,96)
```
#740373
```
#740373 rgb(116,3,115)
```
#870486
```
#870486 rgb(135,4,134)
```
#9a0499
```
#9a0499 rgb(154,4,153)
```
#ad05ac
```
#ad05ac rgb(173,5,172)
```
#c005bf
```
#c005bf rgb(192,5,191)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```
#e607e5
```
#e607e5 rgb(230,7,229)
```

Shade Color Variation

#f808f7
```
#f808f7 rgb(248,8,247)
```
#f91bf7
```
#f91bf7 rgb(249,27,247)
```
#f92ef8
```
#f92ef8 rgb(249,46,248)
```
#fa41f9
```
#fa41f9 rgb(250,65,249)
```
#fa55f9
```
#fa55f9 rgb(250,85,249)
```
#fb68fa
```
#fb68fa rgb(251,104,250)
```
#fb7bfb
```
#fb7bfb rgb(251,123,251)
```
#fc8efb
```
#fc8efb rgb(252,142,251)
```
#fca1fc
```
#fca1fc rgb(252,161,252)
```
#fdb4fd
```
#fdb4fd rgb(253,180,253)
```
#fdc7fd
```
#fdc7fd rgb(253,199,253)
```
#fedafe
```
#fedafe rgb(254,218,254)
```
#feedfe
```
#feedfe rgb(254,237,254)
```

Tint Color Variation

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

#6f6a6f
```
#6f6a6f rgb(111,106,111)
```
#776277
```
#776277 rgb(119,98,119)
```
#80597f
```
#80597f rgb(128,89,127)
```
#885188
```
#885188 rgb(136,81,136)
```
#904990
```
#904990 rgb(144,73,144)
```
#994098
```
#994098 rgb(153,64,152)
```
#a138a0
```
#a138a0 rgb(161,56,160)
```
#a930a9
```
#a930a9 rgb(169,48,169)
```
#b227b1
```
#b227b1 rgb(178,39,177)
```
#ba1fb9
```
#ba1fb9 rgb(186,31,185)
```
#c217c1
```
#c217c1 rgb(194,23,193)
```
#cb0eca
```
#cb0eca rgb(203,14,202)
```
#d306d2
```
#d306d2 rgb(211,6,210)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#734a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#567ec0 Deuteranopia 1% of men
#c75b61 Tritanopia 0.001% of the population

Trichromacy

#4c50e5 Protanomaly 1% of men, 0.01% of women
#8352c6 Deuteranomaly 6% of men, 0.4% of women
#cb3c8a Tritanomaly 0.01% of the population

#d306d2 hex color

#d306d2 Color Information

#d306d2 Color Conversion

Color Schemes with #d306d2

Alternatives to #d306d2

#d306d2 Preview

Shades and Tints of #d306d2

Tones of #d306d2

Color Blindness Simulator