#d306a6 hex color

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

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

● #d306a6 color description : Strong magenta.

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

Hex triplet	d306a6	`#d306a6`
RGB Decimal	211, 6, 166	`rgb(211,6,166)`
RGB Percent	82.7, 2.4, 65.1	`rgb(82.7%,2.4%,65.1%)`
CMYK	0, 97, 21, 17
HSL	313.2°, 94.5, 42.5	`hsl(313.2,94.5%,42.5%)`
HSV (or HSB)	313.2°, 97.2, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.925, 78.743, -30.006
XYZ	33.812, 16.735, 37.524
xyY	0.384, 0.19, 16.735
CIE-LCH	47.925, 84.266, 339.14
CIE-LUV	47.925, 88.769, -55.661
Hunter-Lab	40.909, 75.944, -25.748
Binary	11010011, 00000110, 10100110

#d306a6
```
#d306a6 rgb(211,6,166)
```
#06d333
```
#06d333 rgb(6,211,51)
```

Complementary Color

#9a06d3
```
#9a06d3 rgb(154,6,211)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#d30640
```
#d30640 rgb(211,6,64)
```

Analogous Color

#06d39a
```
#06d39a rgb(6,211,154)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#40d306
```
#40d306 rgb(64,211,6)
```

Split Complementary Color

#06a6d3
```
#06a6d3 rgb(6,166,211)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#a6d306
```
#a6d306 rgb(166,211,6)
```

Triadic Color

#3306d3
```
#3306d3 rgb(51,6,211)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#a6d306
```
#a6d306 rgb(166,211,6)
```
#06d333
```
#06d333 rgb(6,211,51)
```

Tetradic Color

#89046b
```
#89046b rgb(137,4,107)
```
#a1057f
```
#a1057f rgb(161,5,127)
```
#ba0592
```
#ba0592 rgb(186,5,146)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#ec07ba
```
#ec07ba rgb(236,7,186)
```
#f814c6
```
#f814c6 rgb(248,20,198)
```
#f92ccc
```
#f92ccc rgb(249,44,204)
```

Monochromatic Color

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

#cd06d3
```
#cd06d3 rgb(205,6,211)
```
#d306c8
```
#d306c8 rgb(211,6,200)
```
#d306b7
```
#d306b7 rgb(211,6,183)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#d30695
```
#d30695 rgb(211,6,149)
```
#d30684
```
#d30684 rgb(211,6,132)
```
#d30673
```
#d30673 rgb(211,6,115)
```

Similar Colors

Text with hexadecimal color #d306a6

This text has a font color of #d306a6.

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

#d306a6 background color

This paragraph has a background color of #d306a6.

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

#d306a6 border color

This element has a border color of #d306a6.

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

CSS codes

.text {color:#d306a6;}

.background {background-color:#d306a6;}

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

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)
```
#3a022e
```
#3a022e rgb(58,2,46)
```
#4d023d
```
#4d023d rgb(77,2,61)
```
#61034c
```
#61034c rgb(97,3,76)
```
#74035b
```
#74035b rgb(116,3,91)
```
#87046a
```
#87046a rgb(135,4,106)
```
#9a0479
```
#9a0479 rgb(154,4,121)
```
#ad0588
```
#ad0588 rgb(173,5,136)
```
#c00597
```
#c00597 rgb(192,5,151)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```
#e607b5
```
#e607b5 rgb(230,7,181)
```

Shade Color Variation

#f808c3
```
#f808c3 rgb(248,8,195)
```
#f91bc8
```
#f91bc8 rgb(249,27,200)
```
#f92ecd
```
#f92ecd rgb(249,46,205)
```
#fa41d1
```
#fa41d1 rgb(250,65,209)
```
#fa55d6
```
#fa55d6 rgb(250,85,214)
```
#fb68da
```
#fb68da rgb(251,104,218)
```
#fb7bdf
```
#fb7bdf rgb(251,123,223)
```
#fc8ee4
```
#fc8ee4 rgb(252,142,228)
```
#fca1e8
```
#fca1e8 rgb(252,161,232)
```
#fdb4ed
```
#fdb4ed rgb(253,180,237)
```
#fdc7f1
```
#fdc7f1 rgb(253,199,241)
```
#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 #d306a6 is the most saturated one.

#6f6a6e
```
#6f6a6e rgb(111,106,110)
```
#776272
```
#776272 rgb(119,98,114)
```
#805977
```
#805977 rgb(128,89,119)
```
#88517c
```
#88517c rgb(136,81,124)
```
#904981
```
#904981 rgb(144,73,129)
```
#994085
```
#994085 rgb(153,64,133)
```
#a1388a
```
#a1388a rgb(161,56,138)
```
#a9308f
```
#a9308f rgb(169,48,143)
```
#b22793
```
#b22793 rgb(178,39,147)
```
#ba1f98
```
#ba1f98 rgb(186,31,152)
```
#c2179d
```
#c2179d rgb(194,23,157)
```
#cb0ea1
```
#cb0ea1 rgb(203,14,161)
```
#d306a6
```
#d306a6 rgb(211,6,166)
```

Tone Color Variation

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

#2875e1 Protanopia 1% of men
#71779a Deuteranopia 1% of men
#cd4a4d Tritanopia 0.001% of the population

Trichromacy

#664ccb Protanomaly 1% of men, 0.01% of women
#944e9e Deuteranomaly 6% of men, 0.4% of women
#cf316d Tritanomaly 0.01% of the population

#d306a6 hex color

#d306a6 Color Information

#d306a6 Color Conversion

Color Schemes with #d306a6

Alternatives to #d306a6

#d306a6 Preview

Shades and Tints of #d306a6

Tones of #d306a6

Color Blindness Simulator