#d4316f hex color

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

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

● #d4316f color description : Strong pink.

The hexadecimal color #d4316f has RGB values of R:212, G:49, B:111 and CMYK values of C:0, M:0.77, Y:0.48, K:0.17. Its decimal value is 13906287.

Hex triplet	d4316f	`#d4316f`
RGB Decimal	212, 49, 111	`rgb(212,49,111)`
RGB Percent	83.1, 19.2, 43.5	`rgb(83.1%,19.2%,43.5%)`
CMYK	0, 77, 48, 17
HSL	337.2°, 65.5, 51.2	`hsl(337.2,65.5%,51.2%)`
HSV (or HSB)	337.2°, 76.9, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.691, 65.774, 4.379
XYZ	31.12, 17.345, 16.747
xyY	0.477, 0.266, 17.345
CIE-LCH	48.691, 65.92, 3.809
CIE-LUV	48.691, 105.478, -7.135
Hunter-Lab	41.647, 60.498, 5.311
Binary	11010100, 00110001, 01101111

#d4316f
```
#d4316f rgb(212,49,111)
```
#31d496
```
#31d496 rgb(49,212,150)
```

Complementary Color

#d431c1
```
#d431c1 rgb(212,49,193)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#d44531
```
#d44531 rgb(212,69,49)
```

Analogous Color

#31c1d4
```
#31c1d4 rgb(49,193,212)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#31d445
```
#31d445 rgb(49,212,69)
```

Split Complementary Color

#316fd4
```
#316fd4 rgb(49,111,212)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#6fd431
```
#6fd431 rgb(111,212,49)
```

Triadic Color

#9631d4
```
#9631d4 rgb(150,49,212)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#6fd431
```
#6fd431 rgb(111,212,49)
```
#31d496
```
#31d496 rgb(49,212,150)
```

Tetradic Color

#99204e
```
#99204e rgb(153,32,78)
```
#ae2459
```
#ae2459 rgb(174,36,89)
```
#c32963
```
#c32963 rgb(195,41,99)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#d8467e
```
#d8467e rgb(216,70,126)
```
#dd5b8c
```
#dd5b8c rgb(221,91,140)
```
#e1709b
```
#e1709b rgb(225,112,155)
```

Monochromatic Color

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

#d43198
```
#d43198 rgb(212,49,152)
```
#d4318a
```
#d4318a rgb(212,49,138)
```
#d4317d
```
#d4317d rgb(212,49,125)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#d43161
```
#d43161 rgb(212,49,97)
```
#d43154
```
#d43154 rgb(212,49,84)
```
#d43146
```
#d43146 rgb(212,49,70)
```

Similar Colors

Text with hexadecimal color #d4316f

This text has a font color of #d4316f.

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

#d4316f background color

This paragraph has a background color of #d4316f.

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

#d4316f border color

This element has a border color of #d4316f.

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

CSS codes

.text {color:#d4316f;}

.background {background-color:#d4316f;}

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

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

#050103
```
#050103 rgb(5,1,3)
```
#15040b
```
#15040b rgb(21,4,11)
```
#250813
```
#250813 rgb(37,8,19)
```
#360b1b
```
#360b1b rgb(54,11,27)
```
#460f24
```
#460f24 rgb(70,15,36)
```
#56122c
```
#56122c rgb(86,18,44)
```
#661534
```
#661534 rgb(102,21,52)
```
#77193c
```
#77193c rgb(119,25,60)
```
#871c45
```
#871c45 rgb(135,28,69)
```
#97204d
```
#97204d rgb(151,32,77)
```
#a72355
```
#a72355 rgb(167,35,85)
```
#b7265e
```
#b7265e rgb(183,38,94)
```
#c82a66
```
#c82a66 rgb(200,42,102)
```

Shade Color Variation

#d4316f
```
#d4316f rgb(212,49,111)
```
#d7417a
```
#d7417a rgb(215,65,122)
```
#db5186
```
#db5186 rgb(219,81,134)
```
#de6291
```
#de6291 rgb(222,98,145)
```
#e2729c
```
#e2729c rgb(226,114,156)
```
#e582a8
```
#e582a8 rgb(229,130,168)
```
#e892b3
```
#e892b3 rgb(232,146,179)
```
#eca3be
```
#eca3be rgb(236,163,190)
```
#efb3ca
```
#efb3ca rgb(239,179,202)
```
#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 #fa0b66 is the most saturated one.

#877e81
```
#877e81 rgb(135,126,129)
```
#91747f
```
#91747f rgb(145,116,127)
```
#9b6a7d
```
#9b6a7d rgb(155,106,125)
```
#a4617a
```
#a4617a rgb(164,97,122)
```
#ae5778
```
#ae5778 rgb(174,87,120)
```
#b74e76
```
#b74e76 rgb(183,78,118)
```
#c14474
```
#c14474 rgb(193,68,116)
```
#ca3b71
```
#ca3b71 rgb(202,59,113)
```
#d4316f
```
#d4316f rgb(212,49,111)
```
#de276d
```
#de276d rgb(222,39,109)
```
#e71e6a
```
#e71e6a rgb(231,30,106)
```
#f11468
```
#f11468 rgb(241,20,104)
```
#fa0b66
```
#fa0b66 rgb(250,11,102)
```

Tone Color Variation

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

#747994 Protanopia 1% of men
#8b766b Deuteranopia 1% of men
#d3474a Tritanopia 0.001% of the population

Trichromacy

#975f86 Protanomaly 1% of men, 0.01% of women
#a65d6c Deuteranomaly 6% of men, 0.4% of women
#d33f57 Tritanomaly 0.01% of the population

#d4316f hex color

#d4316f Color Information

#d4316f Color Conversion

Color Schemes with #d4316f

Alternatives to #d4316f

#d4316f Preview

Shades and Tints of #d4316f

Tones of #d4316f

Color Blindness Simulator