#d3306c hex color

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

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

● #d3306c color description : Strong pink.

The hexadecimal color #d3306c has RGB values of R:211, G:48, B:108 and CMYK values of C:0, M:0.77, Y:0.49, K:0.17. Its decimal value is 13840492.

Hex triplet	d3306c	`#d3306c`
RGB Decimal	211, 48, 108	`rgb(211,48,108)`
RGB Percent	82.7, 18.8, 42.4	`rgb(82.7%,18.8%,42.4%)`
CMYK	0, 77, 49, 17
HSL	337.9°, 64.9, 50.8	`hsl(337.9,64.9%,50.8%)`
HSV (or HSB)	337.9°, 77.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.321, 65.546, 5.658
XYZ	30.629, 17.049, 15.864
xyY	0.482, 0.268, 17.049
CIE-LCH	48.321, 65.79, 4.934
CIE-LUV	48.321, 106.175, -5.575
Hunter-Lab	41.29, 60.152, 6.123
Binary	11010011, 00110000, 01101100

#d3306c
```
#d3306c rgb(211,48,108)
```
#30d397
```
#30d397 rgb(48,211,151)
```

Complementary Color

#d330be
```
#d330be rgb(211,48,190)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#d34530
```
#d34530 rgb(211,69,48)
```

Analogous Color

#30bed3
```
#30bed3 rgb(48,190,211)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#30d345
```
#30d345 rgb(48,211,69)
```

Split Complementary Color

#306cd3
```
#306cd3 rgb(48,108,211)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#6cd330
```
#6cd330 rgb(108,211,48)
```

Triadic Color

#9730d3
```
#9730d3 rgb(151,48,211)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#6cd330
```
#6cd330 rgb(108,211,48)
```
#30d397
```
#30d397 rgb(48,211,151)
```

Tetradic Color

#97204c
```
#97204c rgb(151,32,76)
```
#ac2456
```
#ac2456 rgb(172,36,86)
```
#c12961
```
#c12961 rgb(193,41,97)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#d7457b
```
#d7457b rgb(215,69,123)
```
#dc5a8a
```
#dc5a8a rgb(220,90,138)
```
#e06f99
```
#e06f99 rgb(224,111,153)
```

Monochromatic Color

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

#d33095
```
#d33095 rgb(211,48,149)
```
#d33087
```
#d33087 rgb(211,48,135)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#d3305e
```
#d3305e rgb(211,48,94)
```
#d33051
```
#d33051 rgb(211,48,81)
```
#d33043
```
#d33043 rgb(211,48,67)
```

Similar Colors

Text with hexadecimal color #d3306c

This text has a font color of #d3306c.

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

#d3306c background color

This paragraph has a background color of #d3306c.

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

#d3306c border color

This element has a border color of #d3306c.

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

CSS codes

.text {color:#d3306c;}

.background {background-color:#d3306c;}

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

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)
```
#54122a
```
#54122a rgb(84,18,42)
```
#641532
```
#641532 rgb(100,21,50)
```
#75193b
```
#75193b rgb(117,25,59)
```
#851c43
```
#851c43 rgb(133,28,67)
```
#95204b
```
#95204b rgb(149,32,75)
```
#a52353
```
#a52353 rgb(165,35,83)
```
#b5275b
```
#b5275b rgb(181,39,91)
```
#c52a63
```
#c52a63 rgb(197,42,99)
```

Shade Color Variation

#d3306c
```
#d3306c rgb(211,48,108)
```
#d64077
```
#d64077 rgb(214,64,119)
```
#da5083
```
#da5083 rgb(218,80,131)
```
#dd618e
```
#dd618e rgb(221,97,142)
```
#e1719a
```
#e1719a rgb(225,113,154)
```
#e481a5
```
#e481a5 rgb(228,129,165)
```
#e891b1
```
#e891b1 rgb(232,145,177)
```
#eba1bc
```
#eba1bc rgb(235,161,188)
```
#efb1c8
```
#efb1c8 rgb(239,177,200)
```
#f2c2d3
```
#f2c2d3 rgb(242,194,211)
```
#f5d2df
```
#f5d2df rgb(245,210,223)
```
#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 #fa0962 is the most saturated one.

#867d80
```
#867d80 rgb(134,125,128)
```
#8f747e
```
#8f747e rgb(143,116,126)
```
#996a7b
```
#996a7b rgb(153,106,123)
```
#a36079
```
#a36079 rgb(163,96,121)
```
#ac5776
```
#ac5776 rgb(172,87,118)
```
#b64d74
```
#b64d74 rgb(182,77,116)
```
#c04371
```
#c04371 rgb(192,67,113)
```
#c93a6f
```
#c93a6f rgb(201,58,111)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#dd2669
```
#dd2669 rgb(221,38,105)
```
#e61d67
```
#e61d67 rgb(230,29,103)
```
#f01364
```
#f01364 rgb(240,19,100)
```
#fa0962
```
#fa0962 rgb(250,9,98)
```

Tone Color Variation

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

#747891 Protanopia 1% of men
#8b7568 Deuteranopia 1% of men
#d24549 Tritanopia 0.001% of the population

Trichromacy

#965e83 Protanomaly 1% of men, 0.01% of women
#a55c69 Deuteranomaly 6% of men, 0.4% of women
#d23d55 Tritanomaly 0.01% of the population

#d3306c hex color

#d3306c Color Information

#d3306c Color Conversion

Color Schemes with #d3306c

Alternatives to #d3306c

#d3306c Preview

Shades and Tints of #d3306c

Tones of #d3306c

Color Blindness Simulator