#d306a8 hex color

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

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

● #d306a8 color description : Strong magenta.

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

Hex triplet	d306a8	`#d306a8`
RGB Decimal	211, 6, 168	`rgb(211,6,168)`
RGB Percent	82.7, 2.4, 65.9	`rgb(82.7%,2.4%,65.9%)`
CMYK	0, 97, 20, 17
HSL	312.6°, 94.5, 42.5	`hsl(312.6,94.5%,42.5%)`
HSV (or HSB)	312.6°, 97.2, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	48.019, 78.982, -31.046
XYZ	33.997, 16.809, 38.498
xyY	0.381, 0.188, 16.809
CIE-LCH	48.019, 84.865, 338.541
CIE-LUV	48.019, 87.863, -57.219
Hunter-Lab	40.999, 76.266, -26.973
Binary	11010011, 00000110, 10101000

#d306a8
```
#d306a8 rgb(211,6,168)
```
#06d331
```
#06d331 rgb(6,211,49)
```

Complementary Color

#9806d3
```
#9806d3 rgb(152,6,211)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#d30642
```
#d30642 rgb(211,6,66)
```

Analogous Color

#06d398
```
#06d398 rgb(6,211,152)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#42d306
```
#42d306 rgb(66,211,6)
```

Split Complementary Color

#06a8d3
```
#06a8d3 rgb(6,168,211)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#a8d306
```
#a8d306 rgb(168,211,6)
```

Triadic Color

#3106d3
```
#3106d3 rgb(49,6,211)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#a8d306
```
#a8d306 rgb(168,211,6)
```
#06d331
```
#06d331 rgb(6,211,49)
```

Tetradic Color

#89046d
```
#89046d rgb(137,4,109)
```
#a10581
```
#a10581 rgb(161,5,129)
```
#ba0594
```
#ba0594 rgb(186,5,148)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#ec07bc
```
#ec07bc rgb(236,7,188)
```
#f814c8
```
#f814c8 rgb(248,20,200)
```
#f92cce
```
#f92cce rgb(249,44,206)
```

Monochromatic Color

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

#cb06d3
```
#cb06d3 rgb(203,6,211)
```
#d306ca
```
#d306ca rgb(211,6,202)
```
#d306b9
```
#d306b9 rgb(211,6,185)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#d30697
```
#d30697 rgb(211,6,151)
```
#d30686
```
#d30686 rgb(211,6,134)
```
#d30675
```
#d30675 rgb(211,6,117)
```

Similar Colors

Text with hexadecimal color #d306a8

This text has a font color of #d306a8.

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

#d306a8 background color

This paragraph has a background color of #d306a8.

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

#d306a8 border color

This element has a border color of #d306a8.

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

CSS codes

.text {color:#d306a8;}

.background {background-color:#d306a8;}

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

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 #feedfb is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#140110
```
#140110 rgb(20,1,16)
```
#27011f
```
#27011f rgb(39,1,31)
```
#3a022f
```
#3a022f rgb(58,2,47)
```
#4d023e
```
#4d023e rgb(77,2,62)
```
#61034d
```
#61034d rgb(97,3,77)
```
#74035c
```
#74035c rgb(116,3,92)
```
#87046b
```
#87046b rgb(135,4,107)
```
#9a047a
```
#9a047a rgb(154,4,122)
```
#ad058a
```
#ad058a rgb(173,5,138)
```
#c00599
```
#c00599 rgb(192,5,153)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```
#e607b7
```
#e607b7 rgb(230,7,183)
```

Shade Color Variation

#f808c6
```
#f808c6 rgb(248,8,198)
```
#f91bca
```
#f91bca rgb(249,27,202)
```
#f92ecf
```
#f92ecf rgb(249,46,207)
```
#fa41d3
```
#fa41d3 rgb(250,65,211)
```
#fa55d7
```
#fa55d7 rgb(250,85,215)
```
#fb68dc
```
#fb68dc rgb(251,104,220)
```
#fb7be0
```
#fb7be0 rgb(251,123,224)
```
#fc8ee5
```
#fc8ee5 rgb(252,142,229)
```
#fca1e9
```
#fca1e9 rgb(252,161,233)
```
#fdb4ee
```
#fdb4ee rgb(253,180,238)
```
#fdc7f2
```
#fdc7f2 rgb(253,199,242)
```
#fedaf6
```
#fedaf6 rgb(254,218,246)
```
#feedfb
```
#feedfb rgb(254,237,251)
```

Tint Color Variation

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

#6f6a6e
```
#6f6a6e rgb(111,106,110)
```
#776273
```
#776273 rgb(119,98,115)
```
#805978
```
#805978 rgb(128,89,120)
```
#88517c
```
#88517c rgb(136,81,124)
```
#904981
```
#904981 rgb(144,73,129)
```
#994086
```
#994086 rgb(153,64,134)
```
#a1388b
```
#a1388b rgb(161,56,139)
```
#a93090
```
#a93090 rgb(169,48,144)
```
#b22795
```
#b22795 rgb(178,39,149)
```
#ba1f99
```
#ba1f99 rgb(186,31,153)
```
#c2179e
```
#c2179e rgb(194,23,158)
```
#cb0ea3
```
#cb0ea3 rgb(203,14,163)
```
#d306a8
```
#d306a8 rgb(211,6,168)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6f4666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2175e3 Protanopia 1% of men
#70779c Deuteranopia 1% of men
#cd4a4e Tritanopia 0.001% of the population

Trichromacy

#614dcd Protanomaly 1% of men, 0.01% of women
#944ea0 Deuteranomaly 6% of men, 0.4% of women
#cf316f Tritanomaly 0.01% of the population

#d306a8 hex color

#d306a8 Color Information

#d306a8 Color Conversion

Color Schemes with #d306a8

Alternatives to #d306a8

#d306a8 Preview

Shades and Tints of #d306a8

Tones of #d306a8

Color Blindness Simulator