colorhexa.com

#d306db hex color

In a RGB color space, hex #d306db is composed of 82.7% red, 2.4% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 97.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 297.7 degrees, a saturation of 94.7% and a lightness of 44.1%. #d306db color hex could be obtained by blending #ff0cff with #a700b7. Closest websafe color is: #cc00cc.

- R 83
- G 2
- B 86
RGB color chart
- C 4
- M 97
- Y 0
- K 14
CMYK color chart

● #d306db color description : Vivid magenta.

The hexadecimal color #d306db has RGB values of R:211, G:6, B:219 and CMYK values of C:0.04, M:0.97, Y:0, K:0.14. Its decimal value is 13829851.

Hex triplet	d306db	`#d306db`
RGB Decimal	211, 6, 219	`rgb(211,6,219)`
RGB Percent	82.7, 2.4, 85.9	`rgb(82.7%,2.4%,85.9%)`
CMYK	4, 97, 0, 14
HSL	297.7°, 94.7, 44.1	`hsl(297.7,94.7%,44.1%)`
HSV (or HSB)	297.7°, 97.3, 85.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	50.8, 85.871, -56.291
XYZ	39.714, 19.096, 68.608
xyY	0.312, 0.15, 19.096
CIE-LCH	50.8, 102.676, 326.754
CIE-LUV	50.8, 66.55, -95.935
Hunter-Lab	43.699, 85.749, -62.496
Binary	11010011, 00000110, 11011011

#d306db
```
#d306db rgb(211,6,219)
```
#0edb06
```
#0edb06 rgb(14,219,6)
```

Complementary Color

#6906db
```
#6906db rgb(105,6,219)
```
#d306db
```
#d306db rgb(211,6,219)
```
#db0679
```
#db0679 rgb(219,6,121)
```

Analogous Color

#06db69
```
#06db69 rgb(6,219,105)
```
#d306db
```
#d306db rgb(211,6,219)
```
#79db06
```
#79db06 rgb(121,219,6)
```

Split Complementary Color

#06dbd3
```
#06dbd3 rgb(6,219,211)
```
#d306db
```
#d306db rgb(211,6,219)
```
#dbd306
```
#dbd306 rgb(219,211,6)
```

Triadic Color

#8b0491
```
#8b0491 rgb(139,4,145)
```
#a305a9
```
#a305a9 rgb(163,5,169)
```
#bb05c2
```
#bb05c2 rgb(187,5,194)
```
#d306db
```
#d306db rgb(211,6,219)
```
#eb07f4
```
#eb07f4 rgb(235,7,244)
```
#f01bf9
```
#f01bf9 rgb(240,27,249)
```
#f234f9
```
#f234f9 rgb(242,52,249)
```

Monochromatic Color

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

#9e06db
```
#9e06db rgb(158,6,219)
```
#b006db
```
#b006db rgb(176,6,219)
```
#c106db
```
#c106db rgb(193,6,219)
```
#d306db
```
#d306db rgb(211,6,219)
```
#db06d1
```
#db06d1 rgb(219,6,209)
```
#db06c0
```
#db06c0 rgb(219,6,192)
```
#db06ae
```
#db06ae rgb(219,6,174)
```

Similar Colors

Text with hexadecimal color #d306db

This text has a font color of #d306db.

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

#d306db background color

This paragraph has a background color of #d306db.

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

#d306db border color

This element has a border color of #d306db.

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

CSS codes

.text {color:#d306db;}

.background {background-color:#d306db;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1b011c
```
#1b011c rgb(27,1,28)
```
#2d012f
```
#2d012f rgb(45,1,47)
```
#400242
```
#400242 rgb(64,2,66)
```
#520255
```
#520255 rgb(82,2,85)
```
#650368
```
#650368 rgb(101,3,104)
```
#77037c
```
#77037c rgb(119,3,124)
```
#89048f
```
#89048f rgb(137,4,143)
```
#9c04a2
```
#9c04a2 rgb(156,4,162)
```
#ae05b5
```
#ae05b5 rgb(174,5,181)
```
#c105c8
```
#c105c8 rgb(193,5,200)
```
#d306db
```
#d306db rgb(211,6,219)
```
#e507ee
```
#e507ee rgb(229,7,238)
```

Shade Color Variation

#f010f8
```
#f010f8 rgb(240,16,248)
```
#f123f9
```
#f123f9 rgb(241,35,249)
```
#f236f9
```
#f236f9 rgb(242,54,249)
```
#f349fa
```
#f349fa rgb(243,73,250)
```
#f55cfb
```
#f55cfb rgb(245,92,251)
```
#f66ffb
```
#f66ffb rgb(246,111,251)
```
#f782fc
```
#f782fc rgb(247,130,252)
```
#f895fc
```
#f895fc rgb(248,149,252)
```
#f9a9fd
```
#f9a9fd rgb(249,169,253)
```
#fbbcfd
```
#fbbcfd rgb(251,188,253)
```
#fccffe
```
#fccffe rgb(252,207,254)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#736e73
```
#736e73 rgb(115,110,115)
```
#7b657c
```
#7b657c rgb(123,101,124)
```
#835d84
```
#835d84 rgb(131,93,132)
```
#8b548d
```
#8b548d rgb(139,84,141)
```
#934b96
```
#934b96 rgb(147,75,150)
```
#9b439e
```
#9b439e rgb(155,67,158)
```
#a33aa7
```
#a33aa7 rgb(163,58,167)
```
#ab31b0
```
#ab31b0 rgb(171,49,176)
```
#b329b8
```
#b329b8 rgb(179,41,184)
```
#bb20c1
```
#bb20c1 rgb(187,32,193)
```
#c317ca
```
#c317ca rgb(195,23,202)
```
#cb0fd2
```
#cb0fd2 rgb(203,15,210)
```
#d306db
```
#d306db rgb(211,6,219)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#744b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf2 Protanopia 1% of men
#4d80c8 Deuteranopia 1% of men
#c65f64 Tritanopia 0.001% of the population

Trichromacy

#4c51e9 Protanomaly 1% of men, 0.01% of women
#7e54ce Deuteranomaly 6% of men, 0.4% of women
#ca3e8f Tritanomaly 0.01% of the population