#d4306a hex color

In a RGB color space, hex #d4306a is composed of 83.1% red, 18.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 50% yellow and 16.9% black. It has a hue angle of 338.8 degrees, a saturation of 65.6% and a lightness of 51%. #d4306a color hex could be obtained by blending #ff60d4 with #a90000. 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

● #d4306a color description : Strong pink.

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

Hex triplet	d4306a	`#d4306a`
RGB Decimal	212, 48, 106	`rgb(212,48,106)`
RGB Percent	83.1, 18.8, 41.6	`rgb(83.1%,18.8%,41.6%)`
CMYK	0, 77, 50, 17
HSL	338.8°, 65.6, 51	`hsl(338.8,65.6%,51%)`
HSV (or HSB)	338.8°, 77.4, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.455, 65.651, 7.097
XYZ	30.811, 17.155, 15.324
xyY	0.487, 0.271, 17.155
CIE-LCH	48.455, 66.033, 6.17
CIE-LUV	48.455, 107.737, -3.921
Hunter-Lab	41.418, 60.302, 7.057
Binary	11010100, 00110000, 01101010

#d4306a
```
#d4306a rgb(212,48,106)
```
#30d49a
```
#30d49a rgb(48,212,154)
```

Complementary Color

#d430bc
```
#d430bc rgb(212,48,188)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#d44830
```
#d44830 rgb(212,72,48)
```

Analogous Color

#30bcd4
```
#30bcd4 rgb(48,188,212)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#30d448
```
#30d448 rgb(48,212,72)
```

Split Complementary Color

#306ad4
```
#306ad4 rgb(48,106,212)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#6ad430
```
#6ad430 rgb(106,212,48)
```

Triadic Color

#9a30d4
```
#9a30d4 rgb(154,48,212)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#6ad430
```
#6ad430 rgb(106,212,48)
```
#30d49a
```
#30d49a rgb(48,212,154)
```

Tetradic Color

#98204a
```
#98204a rgb(152,32,74)
```
#ad2454
```
#ad2454 rgb(173,36,84)
```
#c2285f
```
#c2285f rgb(194,40,95)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#d84579
```
#d84579 rgb(216,69,121)
```
#dd5a88
```
#dd5a88 rgb(221,90,136)
```
#e16f98
```
#e16f98 rgb(225,111,152)
```

Monochromatic Color

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

#d43093
```
#d43093 rgb(212,48,147)
```
#d43085
```
#d43085 rgb(212,48,133)
```
#d43078
```
#d43078 rgb(212,48,120)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#d4305c
```
#d4305c rgb(212,48,92)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#d43041
```
#d43041 rgb(212,48,65)
```

Similar Colors

Text with hexadecimal color #d4306a

This text has a font color of #d4306a.

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

#d4306a background color

This paragraph has a background color of #d4306a.

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

#d4306a border color

This element has a border color of #d4306a.

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

CSS codes

.text {color:#d4306a;}

.background {background-color:#d4306a;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#14040a
```
#14040a rgb(20,4,10)
```
#250812
```
#250812 rgb(37,8,18)
```
#350b1a
```
#350b1a rgb(53,11,26)
```
#450e22
```
#450e22 rgb(69,14,34)
```
#55122a
```
#55122a rgb(85,18,42)
```
#661532
```
#661532 rgb(102,21,50)
```
#761839
```
#761839 rgb(118,24,57)
```
#861c41
```
#861c41 rgb(134,28,65)
```
#961f49
```
#961f49 rgb(150,31,73)
```
#a72351
```
#a72351 rgb(167,35,81)
```
#b72659
```
#b72659 rgb(183,38,89)
```
#c72961
```
#c72961 rgb(199,41,97)
```

Shade Color Variation

#d4306a
```
#d4306a rgb(212,48,106)
```
#d74076
```
#d74076 rgb(215,64,118)
```
#db5081
```
#db5081 rgb(219,80,129)
```
#de618d
```
#de618d rgb(222,97,141)
```
#e17199
```
#e17199 rgb(225,113,153)
```
#e581a4
```
#e581a4 rgb(229,129,164)
```
#e891b0
```
#e891b0 rgb(232,145,176)
```
#eca2bc
```
#eca2bc rgb(236,162,188)
```
#efb2c8
```
#efb2c8 rgb(239,178,200)
```
#f2c2d3
```
#f2c2d3 rgb(242,194,211)
```
#f6d2df
```
#f6d2df rgb(246,210,223)
```
#f9e3eb
```
#f9e3eb rgb(249,227,235)
```
#fcf3f6
```
#fcf3f6 rgb(252,243,246)
```

Tint Color Variation

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

#877d81
```
#877d81 rgb(135,125,129)
```
#91737e
```
#91737e rgb(145,115,126)
```
#9a6a7b
```
#9a6a7b rgb(154,106,123)
```
#a46078
```
#a46078 rgb(164,96,120)
```
#ae5675
```
#ae5675 rgb(174,86,117)
```
#b74d72
```
#b74d72 rgb(183,77,114)
```
#c14370
```
#c14370 rgb(193,67,112)
```
#ca3a6d
```
#ca3a6d rgb(202,58,109)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#de2667
```
#de2667 rgb(222,38,103)
```
#e71d64
```
#e71d64 rgb(231,29,100)
```
#f11362
```
#f11362 rgb(241,19,98)
```
#fa0a5f
```
#fa0a5f rgb(250,10,95)
```

Tone Color Variation

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

Dichromacy

#75798f Protanopia 1% of men
#8c7566 Deuteranopia 1% of men
#d34548 Tritanopia 0.001% of the population

Trichromacy

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

#d4306a hex color

#d4306a Color Information

#d4306a Color Conversion

Color Schemes with #d4306a

Alternatives to #d4306a

#d4306a Preview

Shades and Tints of #d4306a

Tones of #d4306a

Color Blindness Simulator