#d4308f hex color

In a RGB color space, hex #d4308f is composed of 83.1% red, 18.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 32.5% yellow and 16.9% black. It has a hue angle of 325.2 degrees, a saturation of 65.6% and a lightness of 51%. #d4308f color hex could be obtained by blending #ff60ff with #a9001f. Closest websafe color is: #cc3399.

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

● #d4308f color description : Strong pink.

The hexadecimal color #d4308f has RGB values of R:212, G:48, B:143 and CMYK values of C:0, M:0.77, Y:0.33, K:0.17. Its decimal value is 13906063.

Hex triplet	d4308f	`#d4308f`
RGB Decimal	212, 48, 143	`rgb(212,48,143)`
RGB Percent	83.1, 18.8, 56.1	`rgb(83.1%,18.8%,56.1%)`
CMYK	0, 77, 33, 17
HSL	325.2°, 65.6, 51	`hsl(325.2,65.6%,51%)`
HSV (or HSB)	325.2°, 77.4, 83.1
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.614, 69.194, -13.648
XYZ	33.167, 18.097, 27.732
xyY	0.42, 0.229, 18.097
CIE-LCH	49.614, 70.527, 348.842
CIE-LUV	49.614, 93.034, -31.191
Hunter-Lab	42.541, 64.72, -8.871
Binary	11010100, 00110000, 10001111

#d4308f
```
#d4308f rgb(212,48,143)
```
#30d475
```
#30d475 rgb(48,212,117)
```

Complementary Color

#c730d4
```
#c730d4 rgb(199,48,212)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#d4303d
```
#d4303d rgb(212,48,61)
```

Analogous Color

#30d4c7
```
#30d4c7 rgb(48,212,199)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#3dd430
```
#3dd430 rgb(61,212,48)
```

Split Complementary Color

#308fd4
```
#308fd4 rgb(48,143,212)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#8fd430
```
#8fd430 rgb(143,212,48)
```

Triadic Color

#7530d4
```
#7530d4 rgb(117,48,212)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#8fd430
```
#8fd430 rgb(143,212,48)
```
#30d475
```
#30d475 rgb(48,212,117)
```

Tetradic Color

#982065
```
#982065 rgb(152,32,101)
```
#ad2473
```
#ad2473 rgb(173,36,115)
```
#c22881
```
#c22881 rgb(194,40,129)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#d8459a
```
#d8459a rgb(216,69,154)
```
#dd5aa6
```
#dd5aa6 rgb(221,90,166)
```
#e16fb1
```
#e16fb1 rgb(225,111,177)
```

Monochromatic Color

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

#d430b8
```
#d430b8 rgb(212,48,184)
```
#d430aa
```
#d430aa rgb(212,48,170)
```
#d4309d
```
#d4309d rgb(212,48,157)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#d43081
```
#d43081 rgb(212,48,129)
```
#d43074
```
#d43074 rgb(212,48,116)
```
#d43066
```
#d43066 rgb(212,48,102)
```

Similar Colors

Text with hexadecimal color #d4308f

This text has a font color of #d4308f.

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

#d4308f background color

This paragraph has a background color of #d4308f.

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

#d4308f border color

This element has a border color of #d4308f.

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

CSS codes

.text {color:#d4308f;}

.background {background-color:#d4308f;}

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

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

#040103
```
#040103 rgb(4,1,3)
```
#14040e
```
#14040e rgb(20,4,14)
```
#250818
```
#250818 rgb(37,8,24)
```
#350b23
```
#350b23 rgb(53,11,35)
```
#450e2e
```
#450e2e rgb(69,14,46)
```
#551239
```
#551239 rgb(85,18,57)
```
#661544
```
#661544 rgb(102,21,68)
```
#76184f
```
#76184f rgb(118,24,79)
```
#861c59
```
#861c59 rgb(134,28,89)
```
#961f64
```
#961f64 rgb(150,31,100)
```
#a7236f
```
#a7236f rgb(167,35,111)
```
#b7267a
```
#b7267a rgb(183,38,122)
```
#c72985
```
#c72985 rgb(199,41,133)
```

Shade Color Variation

#d4308f
```
#d4308f rgb(212,48,143)
```
#d74098
```
#d74098 rgb(215,64,152)
```
#db50a1
```
#db50a1 rgb(219,80,161)
```
#de61a9
```
#de61a9 rgb(222,97,169)
```
#e171b2
```
#e171b2 rgb(225,113,178)
```
#e581bb
```
#e581bb rgb(229,129,187)
```
#e891c4
```
#e891c4 rgb(232,145,196)
```
#eca2cd
```
#eca2cd rgb(236,162,205)
```
#efb2d5
```
#efb2d5 rgb(239,178,213)
```
#f2c2de
```
#f2c2de rgb(242,194,222)
```
#f6d2e7
```
#f6d2e7 rgb(246,210,231)
```
#f9e3f0
```
#f9e3f0 rgb(249,227,240)
```
#fcf3f8
```
#fcf3f8 rgb(252,243,248)
```

Tint Color Variation

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

#877d83
```
#877d83 rgb(135,125,131)
```
#917384
```
#917384 rgb(145,115,132)
```
#9a6a86
```
#9a6a86 rgb(154,106,134)
```
#a46087
```
#a46087 rgb(164,96,135)
```
#ae5689
```
#ae5689 rgb(174,86,137)
```
#b74d8a
```
#b74d8a rgb(183,77,138)
```
#c1438c
```
#c1438c rgb(193,67,140)
```
#ca3a8d
```
#ca3a8d rgb(202,58,141)
```
#d4308f
```
#d4308f rgb(212,48,143)
```
#de2691
```
#de2691 rgb(222,38,145)
```
#e71d92
```
#e71d92 rgb(231,29,146)
```
#f11394
```
#f11394 rgb(241,19,148)
```
#fa0a95
```
#fa0a95 rgb(250,10,149)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#816073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#647bba Protanopia 1% of men
#837988 Deuteranopia 1% of men
#d14f53 Tritanopia 0.001% of the population

Trichromacy

#8c5faa Protanomaly 1% of men, 0.01% of women
#a05f8a Deuteranomaly 6% of men, 0.4% of women
#d24469 Tritanomaly 0.01% of the population

#d4308f hex color

#d4308f Color Information

#d4308f Color Conversion

Color Schemes with #d4308f

Alternatives to #d4308f

#d4308f Preview

Shades and Tints of #d4308f

Tones of #d4308f

Color Blindness Simulator