#d306a9 hex color

In a RGB color space, hex #d306a9 is composed of 82.7% red, 2.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.2% magenta, 19.9% yellow and 17.3% black. It has a hue angle of 312.3 degrees, a saturation of 94.5% and a lightness of 42.5%. #d306a9 color hex could be obtained by blending #ff0cff with #a70053. 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

● #d306a9 color description : Strong magenta.

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

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

CIE-LAB	48.066, 79.103, -31.565
XYZ	34.091, 16.847, 38.99
xyY	0.379, 0.187, 16.847
CIE-LCH	48.066, 85.168, 338.246
CIE-LUV	48.066, 87.412, -57.998
Hunter-Lab	41.045, 76.429, -27.591
Binary	11010011, 00000110, 10101001

#d306a9
```
#d306a9 rgb(211,6,169)
```
#06d330
```
#06d330 rgb(6,211,48)
```

Complementary Color

#9706d3
```
#9706d3 rgb(151,6,211)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#d30643
```
#d30643 rgb(211,6,67)
```

Analogous Color

#06d397
```
#06d397 rgb(6,211,151)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#43d306
```
#43d306 rgb(67,211,6)
```

Split Complementary Color

#06a9d3
```
#06a9d3 rgb(6,169,211)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#a9d306
```
#a9d306 rgb(169,211,6)
```

Triadic Color

#3006d3
```
#3006d3 rgb(48,6,211)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#a9d306
```
#a9d306 rgb(169,211,6)
```
#06d330
```
#06d330 rgb(6,211,48)
```

Tetradic Color

#89046d
```
#89046d rgb(137,4,109)
```
#a10581
```
#a10581 rgb(161,5,129)
```
#ba0595
```
#ba0595 rgb(186,5,149)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#ec07bd
```
#ec07bd rgb(236,7,189)
```
#f814c9
```
#f814c9 rgb(248,20,201)
```
#f92ccf
```
#f92ccf rgb(249,44,207)
```

Monochromatic Color

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

#ca06d3
```
#ca06d3 rgb(202,6,211)
```
#d306cb
```
#d306cb rgb(211,6,203)
```
#d306ba
```
#d306ba rgb(211,6,186)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#d30698
```
#d30698 rgb(211,6,152)
```
#d30687
```
#d30687 rgb(211,6,135)
```
#d30676
```
#d30676 rgb(211,6,118)
```

Similar Colors

Text with hexadecimal color #d306a9

This text has a font color of #d306a9.

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

#d306a9 background color

This paragraph has a background color of #d306a9.

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

#d306a9 border color

This element has a border color of #d306a9.

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

CSS codes

.text {color:#d306a9;}

.background {background-color:#d306a9;}

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

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)
```
#270120
```
#270120 rgb(39,1,32)
```
#3a022f
```
#3a022f rgb(58,2,47)
```
#4d023e
```
#4d023e rgb(77,2,62)
```
#61034d
```
#61034d rgb(97,3,77)
```
#74035d
```
#74035d rgb(116,3,93)
```
#87046c
```
#87046c rgb(135,4,108)
```
#9a047b
```
#9a047b rgb(154,4,123)
```
#ad058a
```
#ad058a rgb(173,5,138)
```
#c0059a
```
#c0059a rgb(192,5,154)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```
#e607b8
```
#e607b8 rgb(230,7,184)
```

Shade Color Variation

#f808c7
```
#f808c7 rgb(248,8,199)
```
#f91bcb
```
#f91bcb rgb(249,27,203)
```
#f92ed0
```
#f92ed0 rgb(249,46,208)
```
#fa41d4
```
#fa41d4 rgb(250,65,212)
```
#fa55d8
```
#fa55d8 rgb(250,85,216)
```
#fb68dd
```
#fb68dd rgb(251,104,221)
```
#fb7be1
```
#fb7be1 rgb(251,123,225)
```
#fc8ee5
```
#fc8ee5 rgb(252,142,229)
```
#fca1ea
```
#fca1ea rgb(252,161,234)
```
#fdb4ee
```
#fdb4ee rgb(253,180,238)
```
#fdc7f2
```
#fdc7f2 rgb(253,199,242)
```
#fedaf7
```
#fedaf7 rgb(254,218,247)
```
#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 #d306a9 is the most saturated one.

#6f6a6e
```
#6f6a6e rgb(111,106,110)
```
#776273
```
#776273 rgb(119,98,115)
```
#805978
```
#805978 rgb(128,89,120)
```
#88517d
```
#88517d rgb(136,81,125)
```
#904982
```
#904982 rgb(144,73,130)
```
#994087
```
#994087 rgb(153,64,135)
```
#a1388b
```
#a1388b rgb(161,56,139)
```
#a93090
```
#a93090 rgb(169,48,144)
```
#b22795
```
#b22795 rgb(178,39,149)
```
#ba1f9a
```
#ba1f9a rgb(186,31,154)
```
#c2179f
```
#c2179f rgb(194,23,159)
```
#cb0ea4
```
#cb0ea4 rgb(203,14,164)
```
#d306a9
```
#d306a9 rgb(211,6,169)
```

Tone Color Variation

Below, you can see how #d306a9 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
#6f4667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c75e4 Protanopia 1% of men
#6f779d Deuteranopia 1% of men
#cc4b4f Tritanopia 0.001% of the population

Trichromacy

#5e4dcf Protanomaly 1% of men, 0.01% of women
#934ea1 Deuteranomaly 6% of men, 0.4% of women
#cf326f Tritanomaly 0.01% of the population

#d306a9 hex color

#d306a9 Color Information

#d306a9 Color Conversion

Color Schemes with #d306a9

Alternatives to #d306a9

#d306a9 Preview

Shades and Tints of #d306a9

Tones of #d306a9

Color Blindness Simulator