#d4316d hex color

In a RGB color space, hex #d4316d is composed of 83.1% red, 19.2% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 48.6% yellow and 16.9% black. It has a hue angle of 337.9 degrees, a saturation of 65.5% and a lightness of 51.2%. #d4316d color hex could be obtained by blending #ff62da with #a90000. Closest websafe color is: #cc3366.

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

● #d4316d color description : Strong pink.

The hexadecimal color #d4316d has RGB values of R:212, G:49, B:109 and CMYK values of C:0, M:0.77, Y:0.49, K:0.17. Its decimal value is 13906285.

Hex triplet	d4316d	`#d4316d`
RGB Decimal	212, 49, 109	`rgb(212,49,109)`
RGB Percent	83.1, 19.2, 42.7	`rgb(83.1%,19.2%,42.7%)`
CMYK	0, 77, 49, 17
HSL	337.9°, 65.5, 51.2	`hsl(337.9,65.5%,51.2%)`
HSV (or HSB)	337.9°, 76.9, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.637, 65.606, 5.523
XYZ	31.011, 17.301, 16.174
xyY	0.481, 0.268, 17.301
CIE-LCH	48.637, 65.838, 4.812
CIE-LUV	48.637, 106.235, -5.741
Hunter-Lab	41.595, 60.29, 6.062
Binary	11010100, 00110001, 01101101

#d4316d
```
#d4316d rgb(212,49,109)
```
#31d498
```
#31d498 rgb(49,212,152)
```

Complementary Color

#d431bf
```
#d431bf rgb(212,49,191)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#d44731
```
#d44731 rgb(212,71,49)
```

Analogous Color

#31bfd4
```
#31bfd4 rgb(49,191,212)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#31d447
```
#31d447 rgb(49,212,71)
```

Split Complementary Color

#316dd4
```
#316dd4 rgb(49,109,212)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#6dd431
```
#6dd431 rgb(109,212,49)
```

Triadic Color

#9831d4
```
#9831d4 rgb(152,49,212)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#6dd431
```
#6dd431 rgb(109,212,49)
```
#31d498
```
#31d498 rgb(49,212,152)
```

Tetradic Color

#99204c
```
#99204c rgb(153,32,76)
```
#ae2457
```
#ae2457 rgb(174,36,87)
```
#c32961
```
#c32961 rgb(195,41,97)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#d8467c
```
#d8467c rgb(216,70,124)
```
#dd5b8b
```
#dd5b8b rgb(221,91,139)
```
#e1709a
```
#e1709a rgb(225,112,154)
```

Monochromatic Color

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

#d43196
```
#d43196 rgb(212,49,150)
```
#d43188
```
#d43188 rgb(212,49,136)
```
#d4317b
```
#d4317b rgb(212,49,123)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#d4315f
```
#d4315f rgb(212,49,95)
```
#d43152
```
#d43152 rgb(212,49,82)
```
#d43144
```
#d43144 rgb(212,49,68)
```

Similar Colors

Text with hexadecimal color #d4316d

This text has a font color of #d4316d.

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

#d4316d background color

This paragraph has a background color of #d4316d.

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

#d4316d border color

This element has a border color of #d4316d.

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

CSS codes

.text {color:#d4316d;}

.background {background-color:#d4316d;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#15040b
```
#15040b rgb(21,4,11)
```
#250813
```
#250813 rgb(37,8,19)
```
#360b1b
```
#360b1b rgb(54,11,27)
```
#460f23
```
#460f23 rgb(70,15,35)
```
#56122b
```
#56122b rgb(86,18,43)
```
#661533
```
#661533 rgb(102,21,51)
```
#77193b
```
#77193b rgb(119,25,59)
```
#871c43
```
#871c43 rgb(135,28,67)
```
#97204c
```
#97204c rgb(151,32,76)
```
#a72354
```
#a72354 rgb(167,35,84)
```
#b7265c
```
#b7265c rgb(183,38,92)
```
#c82a64
```
#c82a64 rgb(200,42,100)
```

Shade Color Variation

#d4316d
```
#d4316d rgb(212,49,109)
```
#d74179
```
#d74179 rgb(215,65,121)
```
#db5184
```
#db5184 rgb(219,81,132)
```
#de6290
```
#de6290 rgb(222,98,144)
```
#e2729b
```
#e2729b rgb(226,114,155)
```
#e582a7
```
#e582a7 rgb(229,130,167)
```
#e892b2
```
#e892b2 rgb(232,146,178)
```
#eca3be
```
#eca3be rgb(236,163,190)
```
#efb3c9
```
#efb3c9 rgb(239,179,201)
```
#f2c3d5
```
#f2c3d5 rgb(242,195,213)
```
#f6d3e0
```
#f6d3e0 rgb(246,211,224)
```
#f9e4ec
```
#f9e4ec rgb(249,228,236)
```
#fdf4f7
```
#fdf4f7 rgb(253,244,247)
```

Tint Color Variation

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

#877e81
```
#877e81 rgb(135,126,129)
```
#91747f
```
#91747f rgb(145,116,127)
```
#9b6a7c
```
#9b6a7c rgb(155,106,124)
```
#a4617a
```
#a4617a rgb(164,97,122)
```
#ae5777
```
#ae5777 rgb(174,87,119)
```
#b74e75
```
#b74e75 rgb(183,78,117)
```
#c14472
```
#c14472 rgb(193,68,114)
```
#ca3b70
```
#ca3b70 rgb(202,59,112)
```
#d4316d
```
#d4316d rgb(212,49,109)
```
#de276a
```
#de276a rgb(222,39,106)
```
#e71e68
```
#e71e68 rgb(231,30,104)
```
#f11465
```
#f11465 rgb(241,20,101)
```
#fa0b63
```
#fa0b63 rgb(250,11,99)
```

Tone Color Variation

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

Dichromacy

#747992 Protanopia 1% of men
#8c7669 Deuteranopia 1% of men
#d3464a Tritanopia 0.001% of the population

Trichromacy

#975f84 Protanomaly 1% of men, 0.01% of women
#a65d6a Deuteranomaly 6% of men, 0.4% of women
#d33e56 Tritanomaly 0.01% of the population

#d4316d hex color

#d4316d Color Information

#d4316d Color Conversion

Color Schemes with #d4316d

Alternatives to #d4316d

#d4316d Preview

Shades and Tints of #d4316d

Tones of #d4316d

Color Blindness Simulator