#d306d1 hex color

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

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

● #d306d1 color description : Strong magenta.

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

Hex triplet	d306d1	`#d306d1`
RGB Decimal	211, 6, 209	`rgb(211,6,209)`
RGB Percent	82.7, 2.4, 82	`rgb(82.7%,2.4%,82%)`
CMYK	0, 97, 1, 17
HSL	300.6°, 94.5, 42.5	`hsl(300.6,94.5%,42.5%)`
HSV (or HSB)	300.6°, 97.2, 82.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	50.198, 84.411, -51.529
XYZ	38.437, 18.585, 61.881
xyY	0.323, 0.156, 18.585
CIE-LCH	50.198, 98.896, 328.598
CIE-LUV	50.198, 70.418, -88.557
Hunter-Lab	43.111, 83.705, -54.927
Binary	11010011, 00000110, 11010001

#d306d1
```
#d306d1 rgb(211,6,209)
```
#06d308
```
#06d308 rgb(6,211,8)
```

Complementary Color

#6f06d3
```
#6f06d3 rgb(111,6,211)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#d3066b
```
#d3066b rgb(211,6,107)
```

Analogous Color

#06d36f
```
#06d36f rgb(6,211,111)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#6bd306
```
#6bd306 rgb(107,211,6)
```

Split Complementary Color

#06d1d3
```
#06d1d3 rgb(6,209,211)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#d1d306
```
#d1d306 rgb(209,211,6)
```

Triadic Color

#0806d3
```
#0806d3 rgb(8,6,211)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#d1d306
```
#d1d306 rgb(209,211,6)
```
#06d308
```
#06d308 rgb(6,211,8)
```

Tetradic Color

#890487
```
#890487 rgb(137,4,135)
```
#a105a0
```
#a105a0 rgb(161,5,160)
```
#ba05b8
```
#ba05b8 rgb(186,5,184)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#ec07ea
```
#ec07ea rgb(236,7,234)
```
#f814f6
```
#f814f6 rgb(248,20,246)
```
#f92cf7
```
#f92cf7 rgb(249,44,247)
```

Monochromatic Color

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

#a206d3
```
#a206d3 rgb(162,6,211)
```
#b306d3
```
#b306d3 rgb(179,6,211)
```
#c406d3
```
#c406d3 rgb(196,6,211)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#d306c0
```
#d306c0 rgb(211,6,192)
```
#d306af
```
#d306af rgb(211,6,175)
```
#d3069e
```
#d3069e rgb(211,6,158)
```

Similar Colors

Text with hexadecimal color #d306d1

This text has a font color of #d306d1.

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

#d306d1 background color

This paragraph has a background color of #d306d1.

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

#d306d1 border color

This element has a border color of #d306d1.

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

CSS codes

.text {color:#d306d1;}

.background {background-color:#d306d1;}

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

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)
```
#870485
```
#870485 rgb(135,4,133)
```
#9a0498
```
#9a0498 rgb(154,4,152)
```
#ad05ab
```
#ad05ab rgb(173,5,171)
```
#c005be
```
#c005be rgb(192,5,190)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```
#e607e4
```
#e607e4 rgb(230,7,228)
```

Shade Color Variation

#f808f6
```
#f808f6 rgb(248,8,246)
```
#f91bf6
```
#f91bf6 rgb(249,27,246)
```
#f92ef7
```
#f92ef7 rgb(249,46,247)
```
#fa41f8
```
#fa41f8 rgb(250,65,248)
```
#fa55f9
```
#fa55f9 rgb(250,85,249)
```
#fb68f9
```
#fb68f9 rgb(251,104,249)
```
#fb7bfa
```
#fb7bfa rgb(251,123,250)
```
#fc8efb
```
#fc8efb rgb(252,142,251)
```
#fca1fb
```
#fca1fb rgb(252,161,251)
```
#fdb4fc
```
#fdb4fc rgb(253,180,252)
```
#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 #d306d1 is the most saturated one.

#6f6a6f
```
#6f6a6f rgb(111,106,111)
```
#776277
```
#776277 rgb(119,98,119)
```
#80597f
```
#80597f rgb(128,89,127)
```
#885187
```
#885187 rgb(136,81,135)
```
#904990
```
#904990 rgb(144,73,144)
```
#994098
```
#994098 rgb(153,64,152)
```
#a138a0
```
#a138a0 rgb(161,56,160)
```
#a930a8
```
#a930a8 rgb(169,48,168)
```
#b227b0
```
#b227b0 rgb(178,39,176)
```
#ba1fb8
```
#ba1fb8 rgb(186,31,184)
```
#c217c1
```
#c217c1 rgb(194,23,193)
```
#cb0ec9
```
#cb0ec9 rgb(203,14,201)
```
#d306d1
```
#d306d1 rgb(211,6,209)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#724972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#577ebf Deuteranopia 1% of men
#c75b60 Tritanopia 0.001% of the population

Trichromacy

#4c50e4 Protanomaly 1% of men, 0.01% of women
#8452c5 Deuteranomaly 6% of men, 0.4% of women
#cb3c89 Tritanomaly 0.01% of the population

#d306d1 hex color

#d306d1 Color Information

#d306d1 Color Conversion

Color Schemes with #d306d1

Alternatives to #d306d1

#d306d1 Preview

Shades and Tints of #d306d1

Tones of #d306d1

Color Blindness Simulator