#d3306f hex color

In a RGB color space, hex #d3306f is composed of 82.7% red, 18.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 47.4% yellow and 17.3% black. It has a hue angle of 336.8 degrees, a saturation of 64.9% and a lightness of 50.8%. #d3306f color hex could be obtained by blending #ff60de with #a70000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 19
- B 44
RGB color chart
- C 0
- M 77
- Y 47
- K 17
CMYK color chart

● #d3306f color description : Strong pink.

The hexadecimal color #d3306f has RGB values of R:211, G:48, B:111 and CMYK values of C:0, M:0.77, Y:0.47, K:0.17. Its decimal value is 13840495.

Hex triplet	d3306f	`#d3306f`
RGB Decimal	211, 48, 111	`rgb(211,48,111)`
RGB Percent	82.7, 18.8, 43.5	`rgb(82.7%,18.8%,43.5%)`
CMYK	0, 77, 47, 17
HSL	336.8°, 64.9, 50.8	`hsl(336.8,64.9%,50.8%)`
HSV (or HSB)	336.8°, 77.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.403, 65.799, 3.94
XYZ	30.791, 17.114, 16.72
xyY	0.476, 0.265, 17.114
CIE-LCH	48.403, 65.917, 3.427
CIE-LUV	48.403, 105.034, -7.665
Hunter-Lab	41.369, 60.463, 4.995
Binary	11010011, 00110000, 01101111

#d3306f
```
#d3306f rgb(211,48,111)
```
#30d394
```
#30d394 rgb(48,211,148)
```

Complementary Color

#d330c1
```
#d330c1 rgb(211,48,193)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#d34230
```
#d34230 rgb(211,66,48)
```

Analogous Color

#30c1d3
```
#30c1d3 rgb(48,193,211)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#30d342
```
#30d342 rgb(48,211,66)
```

Split Complementary Color

#306fd3
```
#306fd3 rgb(48,111,211)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#6fd330
```
#6fd330 rgb(111,211,48)
```

Triadic Color

#9430d3
```
#9430d3 rgb(148,48,211)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#6fd330
```
#6fd330 rgb(111,211,48)
```
#30d394
```
#30d394 rgb(48,211,148)
```

Tetradic Color

#97204e
```
#97204e rgb(151,32,78)
```
#ac2459
```
#ac2459 rgb(172,36,89)
```
#c12964
```
#c12964 rgb(193,41,100)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#d7457e
```
#d7457e rgb(215,69,126)
```
#dc5a8c
```
#dc5a8c rgb(220,90,140)
```
#e06f9b
```
#e06f9b rgb(224,111,155)
```

Monochromatic Color

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

#d33098
```
#d33098 rgb(211,48,152)
```
#d3308a
```
#d3308a rgb(211,48,138)
```
#d3307d
```
#d3307d rgb(211,48,125)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#d33061
```
#d33061 rgb(211,48,97)
```
#d33054
```
#d33054 rgb(211,48,84)
```
#d33046
```
#d33046 rgb(211,48,70)
```

Similar Colors

Text with hexadecimal color #d3306f

This text has a font color of #d3306f.

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

#d3306f background color

This paragraph has a background color of #d3306f.

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

#d3306f border color

This element has a border color of #d3306f.

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

CSS codes

.text {color:#d3306f;}

.background {background-color:#d3306f;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#13040a
```
#13040a rgb(19,4,10)
```
#240812
```
#240812 rgb(36,8,18)
```
#340b1b
```
#340b1b rgb(52,11,27)
```
#440e23
```
#440e23 rgb(68,14,35)
```
#54122c
```
#54122c rgb(84,18,44)
```
#641534
```
#641534 rgb(100,21,52)
```
#75193c
```
#75193c rgb(117,25,60)
```
#851c45
```
#851c45 rgb(133,28,69)
```
#95204d
```
#95204d rgb(149,32,77)
```
#a52355
```
#a52355 rgb(165,35,85)
```
#b5275e
```
#b5275e rgb(181,39,94)
```
#c52a66
```
#c52a66 rgb(197,42,102)
```

Shade Color Variation

#d3306f
```
#d3306f rgb(211,48,111)
```
#d6407a
```
#d6407a rgb(214,64,122)
```
#da5086
```
#da5086 rgb(218,80,134)
```
#dd6191
```
#dd6191 rgb(221,97,145)
```
#e1719c
```
#e1719c rgb(225,113,156)
```
#e481a7
```
#e481a7 rgb(228,129,167)
```
#e891b3
```
#e891b3 rgb(232,145,179)
```
#eba1be
```
#eba1be rgb(235,161,190)
```
#efb1c9
```
#efb1c9 rgb(239,177,201)
```
#f2c2d4
```
#f2c2d4 rgb(242,194,212)
```
#f5d2e0
```
#f5d2e0 rgb(245,210,224)
```
#f9e2eb
```
#f9e2eb rgb(249,226,235)
```
#fcf2f6
```
#fcf2f6 rgb(252,242,246)
```

Tint Color Variation

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

#867d81
```
#867d81 rgb(134,125,129)
```
#8f747e
```
#8f747e rgb(143,116,126)
```
#996a7c
```
#996a7c rgb(153,106,124)
```
#a3607a
```
#a3607a rgb(163,96,122)
```
#ac5778
```
#ac5778 rgb(172,87,120)
```
#b64d76
```
#b64d76 rgb(182,77,118)
```
#c04373
```
#c04373 rgb(192,67,115)
```
#c93a71
```
#c93a71 rgb(201,58,113)
```
#d3306f
```
#d3306f rgb(211,48,111)
```
#dd266d
```
#dd266d rgb(221,38,109)
```
#e61d6b
```
#e61d6b rgb(230,29,107)
```
#f01368
```
#f01368 rgb(240,19,104)
```
#fa0966
```
#fa0966 rgb(250,9,102)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7d5d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737994 Protanopia 1% of men
#8a756b Deuteranopia 1% of men
#d24649 Tritanopia 0.001% of the population

Trichromacy

#965e87 Protanomaly 1% of men, 0.01% of women
#a55c6c Deuteranomaly 6% of men, 0.4% of women
#d23e57 Tritanomaly 0.01% of the population

#d3306f hex color

#d3306f Color Information

#d3306f Color Conversion

Color Schemes with #d3306f

Alternatives to #d3306f

#d3306f Preview

Shades and Tints of #d3306f

Tones of #d3306f

Color Blindness Simulator