#d6306f hex color

In a RGB color space, hex #d6306f is composed of 83.9% red, 18.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.6% magenta, 48.1% yellow and 16.1% black. It has a hue angle of 337.2 degrees, a saturation of 66.9% and a lightness of 51.4%. #d6306f color hex could be obtained by blending #ff60de with #ad0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 19
- B 44
RGB color chart
- C 0
- M 78
- Y 48
- K 16
CMYK color chart

● #d6306f color description : Strong pink.

The hexadecimal color #d6306f has RGB values of R:214, G:48, B:111 and CMYK values of C:0, M:0.78, Y:0.48, K:0.16. Its decimal value is 14037103.

Hex triplet	d6306f	`#d6306f`
RGB Decimal	214, 48, 111	`rgb(214,48,111)`
RGB Percent	83.9, 18.8, 43.5	`rgb(83.9%,18.8%,43.5%)`
CMYK	0, 78, 48, 16
HSL	337.2°, 66.9, 51.4	`hsl(337.2,66.9%,51.4%)`
HSV (or HSB)	337.2°, 77.6, 83.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.959, 66.597, 4.813
XYZ	31.659, 17.561, 16.761
xyY	0.48, 0.266, 17.561
CIE-LCH	48.959, 66.771, 4.133
CIE-LUV	48.959, 107.46, -6.806
Hunter-Lab	41.906, 61.516, 5.621
Binary	11010110, 00110000, 01101111

#d6306f
```
#d6306f rgb(214,48,111)
```
#30d697
```
#30d697 rgb(48,214,151)
```

Complementary Color

#d630c2
```
#d630c2 rgb(214,48,194)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#d64430
```
#d64430 rgb(214,68,48)
```

Analogous Color

#30c2d6
```
#30c2d6 rgb(48,194,214)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#30d644
```
#30d644 rgb(48,214,68)
```

Split Complementary Color

#306fd6
```
#306fd6 rgb(48,111,214)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#6fd630
```
#6fd630 rgb(111,214,48)
```

Triadic Color

#9730d6
```
#9730d6 rgb(151,48,214)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#6fd630
```
#6fd630 rgb(111,214,48)
```
#30d697
```
#30d697 rgb(48,214,151)
```

Tetradic Color

#9b1f4e
```
#9b1f4e rgb(155,31,78)
```
#b02358
```
#b02358 rgb(176,35,88)
```
#c52763
```
#c52763 rgb(197,39,99)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#da457e
```
#da457e rgb(218,69,126)
```
#de5b8d
```
#de5b8d rgb(222,91,141)
```
#e3709b
```
#e3709b rgb(227,112,155)
```

Monochromatic Color

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

#d63099
```
#d63099 rgb(214,48,153)
```
#d6308b
```
#d6308b rgb(214,48,139)
```
#d6307d
```
#d6307d rgb(214,48,125)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#d63061
```
#d63061 rgb(214,48,97)
```
#d63053
```
#d63053 rgb(214,48,83)
```
#d63046
```
#d63046 rgb(214,48,70)
```

Similar Colors

Text with hexadecimal color #d6306f

This text has a font color of #d6306f.

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

#d6306f background color

This paragraph has a background color of #d6306f.

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

#d6306f border color

This element has a border color of #d6306f.

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

CSS codes

.text {color:#d6306f;}

.background {background-color:#d6306f;}

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

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, #060103 is the darkest color, while #fdf4f8 is the lightest one.

#060103
```
#060103 rgb(6,1,3)
```
#16040b
```
#16040b rgb(22,4,11)
```
#270813
```
#270813 rgb(39,8,19)
```
#370b1c
```
#370b1c rgb(55,11,28)
```
#470e24
```
#470e24 rgb(71,14,36)
```
#58112c
```
#58112c rgb(88,17,44)
```
#681534
```
#681534 rgb(104,21,52)
```
#78183d
```
#78183d rgb(120,24,61)
```
#891b45
```
#891b45 rgb(137,27,69)
```
#991e4d
```
#991e4d rgb(153,30,77)
```
#aa2255
```
#aa2255 rgb(170,34,85)
```
#ba255d
```
#ba255d rgb(186,37,93)
```
#ca2866
```
#ca2866 rgb(202,40,102)
```

Shade Color Variation

#d6306f
```
#d6306f rgb(214,48,111)
```
#d9407a
```
#d9407a rgb(217,64,122)
```
#dc5186
```
#dc5186 rgb(220,81,134)
```
#e06191
```
#e06191 rgb(224,97,145)
```
#e3719d
```
#e3719d rgb(227,113,157)
```
#e682a8
```
#e682a8 rgb(230,130,168)
```
#e992b3
```
#e992b3 rgb(233,146,179)
```
#eda3bf
```
#eda3bf rgb(237,163,191)
```
#f0b3ca
```
#f0b3ca rgb(240,179,202)
```
#f3c3d6
```
#f3c3d6 rgb(243,195,214)
```
#f6d4e1
```
#f6d4e1 rgb(246,212,225)
```
#fae4ec
```
#fae4ec rgb(250,228,236)
```
#fdf4f8
```
#fdf4f8 rgb(253,244,248)
```

Tint Color Variation

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

#8a7c81
```
#8a7c81 rgb(138,124,129)
```
#93737f
```
#93737f rgb(147,115,127)
```
#9d697d
```
#9d697d rgb(157,105,125)
```
#a6607a
```
#a6607a rgb(166,96,122)
```
#b05678
```
#b05678 rgb(176,86,120)
```
#b94d76
```
#b94d76 rgb(185,77,118)
```
#c34374
```
#c34374 rgb(195,67,116)
```
#cc3a71
```
#cc3a71 rgb(204,58,113)
```
#d6306f
```
#d6306f rgb(214,48,111)
```
#e0266d
```
#e0266d rgb(224,38,109)
```
#e91d6a
```
#e91d6a rgb(233,29,106)
```
#f31368
```
#f31368 rgb(243,19,104)
```
#fc0a66
```
#fc0a66 rgb(252,10,102)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7f5e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#747a95 Protanopia 1% of men
#8c776b Deuteranopia 1% of men
#d54649 Tritanopia 0.001% of the population

Trichromacy

#985f87 Protanomaly 1% of men, 0.01% of women
#a75d6c Deuteranomaly 6% of men, 0.4% of women
#d53e57 Tritanomaly 0.01% of the population

#d6306f hex color

#d6306f Color Information

#d6306f Color Conversion

Color Schemes with #d6306f

Alternatives to #d6306f

#d6306f Preview

Shades and Tints of #d6306f

Tones of #d6306f

Color Blindness Simulator