#d3306a hex color

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

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

● #d3306a color description : Strong pink.

The hexadecimal color #d3306a has RGB values of R:211, G:48, B:106 and CMYK values of C:0, M:0.77, Y:0.5, K:0.17. Its decimal value is 13840490.

Hex triplet	d3306a	`#d3306a`
RGB Decimal	211, 48, 106	`rgb(211,48,106)`
RGB Percent	82.7, 18.8, 41.6	`rgb(82.7%,18.8%,41.6%)`
CMYK	0, 77, 50, 17
HSL	338.7°, 64.9, 50.8	`hsl(338.7,64.9%,50.8%)`
HSV (or HSB)	338.7°, 77.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.268, 65.382, 6.807
XYZ	30.523, 17.007, 15.31
xyY	0.486, 0.271, 17.007
CIE-LCH	48.268, 65.735, 5.944
CIE-LUV	48.268, 106.928, -4.199
Hunter-Lab	41.239, 59.949, 6.856
Binary	11010011, 00110000, 01101010

#d3306a
```
#d3306a rgb(211,48,106)
```
#30d399
```
#30d399 rgb(48,211,153)
```

Complementary Color

#d330bc
```
#d330bc rgb(211,48,188)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#d34730
```
#d34730 rgb(211,71,48)
```

Analogous Color

#30bcd3
```
#30bcd3 rgb(48,188,211)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#30d347
```
#30d347 rgb(48,211,71)
```

Split Complementary Color

#306ad3
```
#306ad3 rgb(48,106,211)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#6ad330
```
#6ad330 rgb(106,211,48)
```

Triadic Color

#9930d3
```
#9930d3 rgb(153,48,211)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#6ad330
```
#6ad330 rgb(106,211,48)
```
#30d399
```
#30d399 rgb(48,211,153)
```

Tetradic Color

#97204a
```
#97204a rgb(151,32,74)
```
#ac2455
```
#ac2455 rgb(172,36,85)
```
#c1295f
```
#c1295f rgb(193,41,95)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#d74579
```
#d74579 rgb(215,69,121)
```
#dc5a88
```
#dc5a88 rgb(220,90,136)
```
#e06f97
```
#e06f97 rgb(224,111,151)
```

Monochromatic Color

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

#d33093
```
#d33093 rgb(211,48,147)
```
#d33085
```
#d33085 rgb(211,48,133)
```
#d33078
```
#d33078 rgb(211,48,120)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#d3305c
```
#d3305c rgb(211,48,92)
```
#d3304f
```
#d3304f rgb(211,48,79)
```
#d33041
```
#d33041 rgb(211,48,65)
```

Similar Colors

Text with hexadecimal color #d3306a

This text has a font color of #d3306a.

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

#d3306a background color

This paragraph has a background color of #d3306a.

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

#d3306a border color

This element has a border color of #d3306a.

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

CSS codes

.text {color:#d3306a;}

.background {background-color:#d3306a;}

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

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)
```
#340b1a
```
#340b1a rgb(52,11,26)
```
#440e22
```
#440e22 rgb(68,14,34)
```
#541229
```
#541229 rgb(84,18,41)
```
#641531
```
#641531 rgb(100,21,49)
```
#751939
```
#751939 rgb(117,25,57)
```
#851c41
```
#851c41 rgb(133,28,65)
```
#952049
```
#952049 rgb(149,32,73)
```
#a52351
```
#a52351 rgb(165,35,81)
```
#b52759
```
#b52759 rgb(181,39,89)
```
#c52a61
```
#c52a61 rgb(197,42,97)
```

Shade Color Variation

#d3306a
```
#d3306a rgb(211,48,106)
```
#d64076
```
#d64076 rgb(214,64,118)
```
#da5081
```
#da5081 rgb(218,80,129)
```
#dd618d
```
#dd618d rgb(221,97,141)
```
#e17199
```
#e17199 rgb(225,113,153)
```
#e481a4
```
#e481a4 rgb(228,129,164)
```
#e891b0
```
#e891b0 rgb(232,145,176)
```
#eba1bc
```
#eba1bc rgb(235,161,188)
```
#efb1c7
```
#efb1c7 rgb(239,177,199)
```
#f2c2d3
```
#f2c2d3 rgb(242,194,211)
```
#f5d2de
```
#f5d2de rgb(245,210,222)
```
#f9e2ea
```
#f9e2ea rgb(249,226,234)
```
#fcf2f6
```
#fcf2f6 rgb(252,242,246)
```

Tint Color Variation

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

#867d80
```
#867d80 rgb(134,125,128)
```
#8f747d
```
#8f747d rgb(143,116,125)
```
#996a7b
```
#996a7b rgb(153,106,123)
```
#a36078
```
#a36078 rgb(163,96,120)
```
#ac5775
```
#ac5775 rgb(172,87,117)
```
#b64d72
```
#b64d72 rgb(182,77,114)
```
#c04370
```
#c04370 rgb(192,67,112)
```
#c93a6d
```
#c93a6d rgb(201,58,109)
```
#d3306a
```
#d3306a rgb(211,48,106)
```
#dd2667
```
#dd2667 rgb(221,38,103)
```
#e61d64
```
#e61d64 rgb(230,29,100)
```
#f01362
```
#f01362 rgb(240,19,98)
```
#fa095f
```
#fa095f rgb(250,9,95)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7d5c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74788f Protanopia 1% of men
#8c7566 Deuteranopia 1% of men
#d24548 Tritanopia 0.001% of the population

Trichromacy

#975e81 Protanomaly 1% of men, 0.01% of women
#a55c68 Deuteranomaly 6% of men, 0.4% of women
#d23d54 Tritanomaly 0.01% of the population

#d3306a hex color

#d3306a Color Information

#d3306a Color Conversion

Color Schemes with #d3306a

Alternatives to #d3306a

#d3306a Preview

Shades and Tints of #d3306a

Tones of #d3306a

Color Blindness Simulator