#d4304f hex color

In a RGB color space, hex #d4304f is composed of 83.1% red, 18.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 62.7% yellow and 16.9% black. It has a hue angle of 348.7 degrees, a saturation of 65.6% and a lightness of 51%. #d4304f color hex could be obtained by blending #ff609e with #a90000. Closest websafe color is: #cc3366.

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

● #d4304f color description : Strong red.

The hexadecimal color #d4304f has RGB values of R:212, G:48, B:79 and CMYK values of C:0, M:0.77, Y:0.63, K:0.17. Its decimal value is 13905999.

Hex triplet	d4304f	`#d4304f`
RGB Decimal	212, 48, 79	`rgb(212,48,79)`
RGB Percent	83.1, 18.8, 31	`rgb(83.1%,18.8%,31%)`
CMYK	0, 77, 63, 17
HSL	348.7°, 65.6, 51	`hsl(348.7,65.6%,51%)`
HSV (or HSB)	348.7°, 77.4, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.853, 63.764, 22.788
XYZ	29.621, 16.679, 9.056
xyY	0.535, 0.301, 16.679
CIE-LCH	47.853, 67.714, 19.666
CIE-LUV	47.853, 117.035, 12.855
Hunter-Lab	40.84, 57.995, 15.44
Binary	11010100, 00110000, 01001111

#d4304f
```
#d4304f rgb(212,48,79)
```
#30d4b5
```
#30d4b5 rgb(48,212,181)
```

Complementary Color

#d430a1
```
#d430a1 rgb(212,48,161)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#d46330
```
#d46330 rgb(212,99,48)
```

Analogous Color

#30a1d4
```
#30a1d4 rgb(48,161,212)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#30d463
```
#30d463 rgb(48,212,99)
```

Split Complementary Color

#304fd4
```
#304fd4 rgb(48,79,212)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#4fd430
```
#4fd430 rgb(79,212,48)
```

Triadic Color

#b530d4
```
#b530d4 rgb(181,48,212)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#4fd430
```
#4fd430 rgb(79,212,48)
```
#30d4b5
```
#30d4b5 rgb(48,212,181)
```

Tetradic Color

#982036
```
#982036 rgb(152,32,54)
```
#ad243e
```
#ad243e rgb(173,36,62)
```
#c22845
```
#c22845 rgb(194,40,69)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#d84561
```
#d84561 rgb(216,69,97)
```
#dd5a73
```
#dd5a73 rgb(221,90,115)
```
#e16f85
```
#e16f85 rgb(225,111,133)
```

Monochromatic Color

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

#d43078
```
#d43078 rgb(212,48,120)
```
#d4306a
```
#d4306a rgb(212,48,106)
```
#d4305d
```
#d4305d rgb(212,48,93)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#d43041
```
#d43041 rgb(212,48,65)
```
#d43034
```
#d43034 rgb(212,48,52)
```
#d43a30
```
#d43a30 rgb(212,58,48)
```

Similar Colors

Text with hexadecimal color #d4304f

This text has a font color of #d4304f.

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

#d4304f background color

This paragraph has a background color of #d4304f.

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

#d4304f border color

This element has a border color of #d4304f.

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

CSS codes

.text {color:#d4304f;}

.background {background-color:#d4304f;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140407
```
#140407 rgb(20,4,7)
```
#25080d
```
#25080d rgb(37,8,13)
```
#350b13
```
#350b13 rgb(53,11,19)
```
#450e19
```
#450e19 rgb(69,14,25)
```
#55121f
```
#55121f rgb(85,18,31)
```
#661524
```
#661524 rgb(102,21,36)
```
#76182a
```
#76182a rgb(118,24,42)
```
#861c30
```
#861c30 rgb(134,28,48)
```
#961f36
```
#961f36 rgb(150,31,54)
```
#a7233c
```
#a7233c rgb(167,35,60)
```
#b72641
```
#b72641 rgb(183,38,65)
```
#c72947
```
#c72947 rgb(199,41,71)
```

Shade Color Variation

#d4304f
```
#d4304f rgb(212,48,79)
```
#d7405d
```
#d7405d rgb(215,64,93)
```
#db506b
```
#db506b rgb(219,80,107)
```
#de6178
```
#de6178 rgb(222,97,120)
```
#e17186
```
#e17186 rgb(225,113,134)
```
#e58194
```
#e58194 rgb(229,129,148)
```
#e891a2
```
#e891a2 rgb(232,145,162)
```
#eca2b0
```
#eca2b0 rgb(236,162,176)
```
#efb2bd
```
#efb2bd rgb(239,178,189)
```
#f2c2cb
```
#f2c2cb rgb(242,194,203)
```
#f6d2d9
```
#f6d2d9 rgb(246,210,217)
```
#f9e3e7
```
#f9e3e7 rgb(249,227,231)
```
#fcf3f5
```
#fcf3f5 rgb(252,243,245)
```

Tint Color Variation

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

#877d7f
```
#877d7f rgb(135,125,127)
```
#917379
```
#917379 rgb(145,115,121)
```
#9a6a73
```
#9a6a73 rgb(154,106,115)
```
#a4606d
```
#a4606d rgb(164,96,109)
```
#ae5667
```
#ae5667 rgb(174,86,103)
```
#b74d61
```
#b74d61 rgb(183,77,97)
```
#c1435b
```
#c1435b rgb(193,67,91)
```
#ca3a55
```
#ca3a55 rgb(202,58,85)
```
#d4304f
```
#d4304f rgb(212,48,79)
```
#de2649
```
#de2649 rgb(222,38,73)
```
#e71d43
```
#e71d43 rgb(231,29,67)
```
#f1133d
```
#f1133d rgb(241,19,61)
```
#fa0a37
```
#fa0a37 rgb(250,10,55)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7b5a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d786f Protanopia 1% of men
#91734d Deuteranopia 1% of men
#d53f41 Tritanopia 0.001% of the population

Trichromacy

#9c5e63 Protanomaly 1% of men, 0.01% of women
#a95b4e Deuteranomaly 6% of men, 0.4% of women
#d43946 Tritanomaly 0.01% of the population

#d4304f hex color

#d4304f Color Information

#d4304f Color Conversion

Color Schemes with #d4304f

Alternatives to #d4304f

#d4304f Preview

Shades and Tints of #d4304f

Tones of #d4304f

Color Blindness Simulator