#d306bc hex color

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

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

● #d306bc color description : Strong magenta.

The hexadecimal color #d306bc has RGB values of R:211, G:6, B:188 and CMYK values of C:0, M:0.97, Y:0.11, K:0.17. Its decimal value is 13829820.

Hex triplet	d306bc	`#d306bc`
RGB Decimal	211, 6, 188	`rgb(211,6,188)`
RGB Percent	82.7, 2.4, 73.7	`rgb(82.7%,2.4%,73.7%)`
CMYK	0, 97, 11, 17
HSL	306.7°, 94.5, 42.5	`hsl(306.7,94.5%,42.5%)`
HSV (or HSB)	306.7°, 97.2, 82.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	49.023, 81.511, -41.237
XYZ	36.006, 17.613, 49.078
xyY	0.351, 0.172, 17.613
CIE-LCH	49.023, 91.348, 333.165
CIE-LUV	49.023, 79.057, -72.689
Hunter-Lab	41.968, 79.699, -39.957
Binary	11010011, 00000110, 10111100

#d306bc
```
#d306bc rgb(211,6,188)
```
#06d31d
```
#06d31d rgb(6,211,29)
```

Complementary Color

#8406d3
```
#8406d3 rgb(132,6,211)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#d30656
```
#d30656 rgb(211,6,86)
```

Analogous Color

#06d384
```
#06d384 rgb(6,211,132)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#56d306
```
#56d306 rgb(86,211,6)
```

Split Complementary Color

#06bcd3
```
#06bcd3 rgb(6,188,211)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#bcd306
```
#bcd306 rgb(188,211,6)
```

Triadic Color

#1d06d3
```
#1d06d3 rgb(29,6,211)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#bcd306
```
#bcd306 rgb(188,211,6)
```
#06d31d
```
#06d31d rgb(6,211,29)
```

Tetradic Color

#89047a
```
#89047a rgb(137,4,122)
```
#a10590
```
#a10590 rgb(161,5,144)
```
#ba05a6
```
#ba05a6 rgb(186,5,166)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#ec07d2
```
#ec07d2 rgb(236,7,210)
```
#f814df
```
#f814df rgb(248,20,223)
```
#f92ce2
```
#f92ce2 rgb(249,44,226)
```

Monochromatic Color

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

#b706d3
```
#b706d3 rgb(183,6,211)
```
#c806d3
```
#c806d3 rgb(200,6,211)
```
#d306cd
```
#d306cd rgb(211,6,205)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#d306ab
```
#d306ab rgb(211,6,171)
```
#d3069a
```
#d3069a rgb(211,6,154)
```
#d30689
```
#d30689 rgb(211,6,137)
```

Similar Colors

Text with hexadecimal color #d306bc

This text has a font color of #d306bc.

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

#d306bc background color

This paragraph has a background color of #d306bc.

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

#d306bc border color

This element has a border color of #d306bc.

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

CSS codes

.text {color:#d306bc;}

.background {background-color:#d306bc;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140112
```
#140112 rgb(20,1,18)
```
#270123
```
#270123 rgb(39,1,35)
```
#3a0234
```
#3a0234 rgb(58,2,52)
```
#4d0245
```
#4d0245 rgb(77,2,69)
```
#610356
```
#610356 rgb(97,3,86)
```
#740367
```
#740367 rgb(116,3,103)
```
#870478
```
#870478 rgb(135,4,120)
```
#9a0489
```
#9a0489 rgb(154,4,137)
```
#ad059a
```
#ad059a rgb(173,5,154)
```
#c005ab
```
#c005ab rgb(192,5,171)
```
#d306bc
```
#d306bc rgb(211,6,188)
```
#e607cd
```
#e607cd rgb(230,7,205)
```

Shade Color Variation

#f808dd
```
#f808dd rgb(248,8,221)
```
#f91be0
```
#f91be0 rgb(249,27,224)
```
#f92ee2
```
#f92ee2 rgb(249,46,226)
```
#fa41e5
```
#fa41e5 rgb(250,65,229)
```
#fa55e8
```
#fa55e8 rgb(250,85,232)
```
#fb68ea
```
#fb68ea rgb(251,104,234)
```
#fb7bed
```
#fb7bed rgb(251,123,237)
```
#fc8eef
```
#fc8eef rgb(252,142,239)
```
#fca1f2
```
#fca1f2 rgb(252,161,242)
```
#fdb4f5
```
#fdb4f5 rgb(253,180,245)
```
#fdc7f7
```
#fdc7f7 rgb(253,199,247)
```
#fedafa
```
#fedafa rgb(254,218,250)
```
#feedfd
```
#feedfd rgb(254,237,253)
```

Tint Color Variation

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

#6f6a6e
```
#6f6a6e rgb(111,106,110)
```
#776275
```
#776275 rgb(119,98,117)
```
#80597b
```
#80597b rgb(128,89,123)
```
#885182
```
#885182 rgb(136,81,130)
```
#904988
```
#904988 rgb(144,73,136)
```
#99408f
```
#99408f rgb(153,64,143)
```
#a13895
```
#a13895 rgb(161,56,149)
```
#a9309c
```
#a9309c rgb(169,48,156)
```
#b227a2
```
#b227a2 rgb(178,39,162)
```
#ba1fa9
```
#ba1fa9 rgb(186,31,169)
```
#c217af
```
#c217af rgb(194,23,175)
```
#cb0eb6
```
#cb0eb6 rgb(203,14,182)
```
#d306bc
```
#d306bc rgb(211,6,188)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#71486c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#657aad Deuteranopia 1% of men
#ca5257 Tritanopia 0.001% of the population

Trichromacy

#4c4ed9 Protanomaly 1% of men, 0.01% of women
#8d50b2 Deuteranomaly 6% of men, 0.4% of women
#cd367b Tritanomaly 0.01% of the population

#d306bc hex color

#d306bc Color Information

#d306bc Color Conversion

Color Schemes with #d306bc

Alternatives to #d306bc

#d306bc Preview

Shades and Tints of #d306bc

Tones of #d306bc

Color Blindness Simulator