#d3307a hex color

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

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

● #d3307a color description : Strong pink.

The hexadecimal color #d3307a has RGB values of R:211, G:48, B:122 and CMYK values of C:0, M:0.77, Y:0.42, K:0.17. Its decimal value is 13840506.

Hex triplet	d3307a	`#d3307a`
RGB Decimal	211, 48, 122	`rgb(211,48,122)`
RGB Percent	82.7, 18.8, 47.8	`rgb(82.7%,18.8%,47.8%)`
CMYK	0, 77, 42, 17
HSL	332.8°, 64.9, 50.8	`hsl(332.8,64.9%,50.8%)`
HSV (or HSB)	332.8°, 77.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.724, 66.79, -2.302
XYZ	31.435, 17.371, 20.109
xyY	0.456, 0.252, 17.371
CIE-LCH	48.724, 66.83, 358.026
CIE-LUV	48.724, 100.737, -15.583
Hunter-Lab	41.679, 61.689, 0.569
Binary	11010011, 00110000, 01111010

#d3307a
```
#d3307a rgb(211,48,122)
```
#30d389
```
#30d389 rgb(48,211,137)
```

Complementary Color

#d330cc
```
#d330cc rgb(211,48,204)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#d33730
```
#d33730 rgb(211,55,48)
```

Analogous Color

#30ccd3
```
#30ccd3 rgb(48,204,211)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#30d337
```
#30d337 rgb(48,211,55)
```

Split Complementary Color

#307ad3
```
#307ad3 rgb(48,122,211)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#7ad330
```
#7ad330 rgb(122,211,48)
```

Triadic Color

#8930d3
```
#8930d3 rgb(137,48,211)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#7ad330
```
#7ad330 rgb(122,211,48)
```
#30d389
```
#30d389 rgb(48,211,137)
```

Tetradic Color

#972056
```
#972056 rgb(151,32,86)
```
#ac2462
```
#ac2462 rgb(172,36,98)
```
#c1296e
```
#c1296e rgb(193,41,110)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#d74588
```
#d74588 rgb(215,69,136)
```
#dc5a95
```
#dc5a95 rgb(220,90,149)
```
#e06fa3
```
#e06fa3 rgb(224,111,163)
```

Monochromatic Color

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

#d330a3
```
#d330a3 rgb(211,48,163)
```
#d33095
```
#d33095 rgb(211,48,149)
```
#d33088
```
#d33088 rgb(211,48,136)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#d3306c
```
#d3306c rgb(211,48,108)
```
#d3305f
```
#d3305f rgb(211,48,95)
```
#d33051
```
#d33051 rgb(211,48,81)
```

Similar Colors

Text with hexadecimal color #d3307a

This text has a font color of #d3307a.

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

#d3307a background color

This paragraph has a background color of #d3307a.

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

#d3307a border color

This element has a border color of #d3307a.

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

CSS codes

.text {color:#d3307a;}

.background {background-color:#d3307a;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#13040b
```
#13040b rgb(19,4,11)
```
#240814
```
#240814 rgb(36,8,20)
```
#340b1e
```
#340b1e rgb(52,11,30)
```
#440e27
```
#440e27 rgb(68,14,39)
```
#541230
```
#541230 rgb(84,18,48)
```
#641539
```
#641539 rgb(100,21,57)
```
#751942
```
#751942 rgb(117,25,66)
```
#851c4c
```
#851c4c rgb(133,28,76)
```
#952055
```
#952055 rgb(149,32,85)
```
#a5235e
```
#a5235e rgb(165,35,94)
```
#b52767
```
#b52767 rgb(181,39,103)
```
#c52a71
```
#c52a71 rgb(197,42,113)
```

Shade Color Variation

#d3307a
```
#d3307a rgb(211,48,122)
```
#d64084
```
#d64084 rgb(214,64,132)
```
#da508f
```
#da508f rgb(218,80,143)
```
#dd6199
```
#dd6199 rgb(221,97,153)
```
#e171a4
```
#e171a4 rgb(225,113,164)
```
#e481ae
```
#e481ae rgb(228,129,174)
```
#e891b8
```
#e891b8 rgb(232,145,184)
```
#eba1c3
```
#eba1c3 rgb(235,161,195)
```
#efb1cd
```
#efb1cd rgb(239,177,205)
```
#f2c2d8
```
#f2c2d8 rgb(242,194,216)
```
#f5d2e2
```
#f5d2e2 rgb(245,210,226)
```
#f9e2ec
```
#f9e2ec rgb(249,226,236)
```
#fcf2f7
```
#fcf2f7 rgb(252,242,247)
```

Tint Color Variation

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

#867d81
```
#867d81 rgb(134,125,129)
```
#8f7480
```
#8f7480 rgb(143,116,128)
```
#996a7f
```
#996a7f rgb(153,106,127)
```
#a3607e
```
#a3607e rgb(163,96,126)
```
#ac577e
```
#ac577e rgb(172,87,126)
```
#b64d7d
```
#b64d7d rgb(182,77,125)
```
#c0437c
```
#c0437c rgb(192,67,124)
```
#c93a7b
```
#c93a7b rgb(201,58,123)
```
#d3307a
```
#d3307a rgb(211,48,122)
```
#dd2679
```
#dd2679 rgb(221,38,121)
```
#e61d78
```
#e61d78 rgb(230,29,120)
```
#f01377
```
#f01377 rgb(240,19,119)
```
#fa0976
```
#fa0976 rgb(250,9,118)
```

Tone Color Variation

Below, you can see how #d3307a 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
#7e5e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e79a1 Protanopia 1% of men
#887775 Deuteranopia 1% of men
#d1494d Tritanopia 0.001% of the population

Trichromacy

#935e93 Protanomaly 1% of men, 0.01% of women
#a35d77 Deuteranomaly 6% of men, 0.4% of women
#d2405d Tritanomaly 0.01% of the population

#d3307a hex color

#d3307a Color Information

#d3307a Color Conversion

Color Schemes with #d3307a

Alternatives to #d3307a

#d3307a Preview

Shades and Tints of #d3307a

Tones of #d3307a

Color Blindness Simulator