#d4386f hex color

In a RGB color space, hex #d4386f is composed of 83.1% red, 22% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.6% magenta, 47.6% yellow and 16.9% black. It has a hue angle of 338.8 degrees, a saturation of 64.5% and a lightness of 52.5%. #d4386f color hex could be obtained by blending #ff70de with #a90000. Closest websafe color is: #cc3366.

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

● #d4386f color description : Moderate pink.

The hexadecimal color #d4386f has RGB values of R:212, G:56, B:111 and CMYK values of C:0, M:0.74, Y:0.48, K:0.17. Its decimal value is 13908079.

Hex triplet	d4386f	`#d4386f`
RGB Decimal	212, 56, 111	`rgb(212,56,111)`
RGB Percent	83.1, 22, 43.5	`rgb(83.1%,22%,43.5%)`
CMYK	0, 74, 48, 17
HSL	338.8°, 64.5, 52.5	`hsl(338.8,64.5%,52.5%)`
HSV (or HSB)	338.8°, 73.6, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.467, 63.591, 5.493
XYZ	31.436, 17.976, 16.852
xyY	0.474, 0.271, 17.976
CIE-LCH	49.467, 63.828, 4.937
CIE-LUV	49.467, 102.732, -5.3
Hunter-Lab	42.399, 58.148, 6.113
Binary	11010100, 00111000, 01101111

#d4386f
```
#d4386f rgb(212,56,111)
```
#38d49d
```
#38d49d rgb(56,212,157)
```

Complementary Color

#d438bd
```
#d438bd rgb(212,56,189)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#d44f38
```
#d44f38 rgb(212,79,56)
```

Analogous Color

#38bdd4
```
#38bdd4 rgb(56,189,212)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#38d44f
```
#38d44f rgb(56,212,79)
```

Split Complementary Color

#386fd4
```
#386fd4 rgb(56,111,212)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#6fd438
```
#6fd438 rgb(111,212,56)
```

Triadic Color

#9d38d4
```
#9d38d4 rgb(157,56,212)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#6fd438
```
#6fd438 rgb(111,212,56)
```
#38d49d
```
#38d49d rgb(56,212,157)
```

Tetradic Color

#9d224e
```
#9d224e rgb(157,34,78)
```
#b22758
```
#b22758 rgb(178,39,88)
```
#c72b62
```
#c72b62 rgb(199,43,98)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#d94d7e
```
#d94d7e rgb(217,77,126)
```
#dd628d
```
#dd628d rgb(221,98,141)
```
#e2779d
```
#e2779d rgb(226,119,157)
```

Monochromatic Color

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

#d43896
```
#d43896 rgb(212,56,150)
```
#d43889
```
#d43889 rgb(212,56,137)
```
#d4387c
```
#d4387c rgb(212,56,124)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#d43862
```
#d43862 rgb(212,56,98)
```
#d43855
```
#d43855 rgb(212,56,85)
```
#d43848
```
#d43848 rgb(212,56,72)
```

Similar Colors

Text with hexadecimal color #d4386f

This text has a font color of #d4386f.

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

#d4386f background color

This paragraph has a background color of #d4386f.

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

#d4386f border color

This element has a border color of #d4386f.

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

CSS codes

.text {color:#d4386f;}

.background {background-color:#d4386f;}

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

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, #0b0205 is the darkest color, while #fefafb is the lightest one.

#0b0205
```
#0b0205 rgb(11,2,5)
```
#1b060d
```
#1b060d rgb(27,6,13)
```
#2b0915
```
#2b0915 rgb(43,9,21)
```
#3b0d1d
```
#3b0d1d rgb(59,13,29)
```
#4b1025
```
#4b1025 rgb(75,16,37)
```
#5b142d
```
#5b142d rgb(91,20,45)
```
#6b1735
```
#6b1735 rgb(107,23,53)
```
#7c1b3d
```
#7c1b3d rgb(124,27,61)
```
#8c1e45
```
#8c1e45 rgb(140,30,69)
```
#9c224d
```
#9c224d rgb(156,34,77)
```
#ac2555
```
#ac2555 rgb(172,37,85)
```
#bc295d
```
#bc295d rgb(188,41,93)
```
#cc2c65
```
#cc2c65 rgb(204,44,101)
```

Shade Color Variation

#d4386f
```
#d4386f rgb(212,56,111)
```
#d7487b
```
#d7487b rgb(215,72,123)
```
#db5886
```
#db5886 rgb(219,88,134)
```
#de6892
```
#de6892 rgb(222,104,146)
```
#e2799e
```
#e2799e rgb(226,121,158)
```
#e589a9
```
#e589a9 rgb(229,137,169)
```
#e999b5
```
#e999b5 rgb(233,153,181)
```
#eca9c1
```
#eca9c1 rgb(236,169,193)
```
#f0b9cc
```
#f0b9cc rgb(240,185,204)
```
#f3c9d8
```
#f3c9d8 rgb(243,201,216)
```
#f7d9e4
```
#f7d9e4 rgb(247,217,228)
```
#fae9ef
```
#fae9ef rgb(250,233,239)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#8a8285
```
#8a8285 rgb(138,130,133)
```
#937982
```
#937982 rgb(147,121,130)
```
#9c707f
```
#9c707f rgb(156,112,127)
```
#a5677d
```
#a5677d rgb(165,103,125)
```
#af5d7a
```
#af5d7a rgb(175,93,122)
```
#b85477
```
#b85477 rgb(184,84,119)
```
#c14b74
```
#c14b74 rgb(193,75,116)
```
#cb4172
```
#cb4172 rgb(203,65,114)
```
#d4386f
```
#d4386f rgb(212,56,111)
```
#dd2f6c
```
#dd2f6c rgb(221,47,108)
```
#e7256a
```
#e7256a rgb(231,37,106)
```
#f01c67
```
#f01c67 rgb(240,28,103)
```
#f91364
```
#f91364 rgb(249,19,100)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#82626d Atypical Achromatopsia 0.001% of the population

Dichromacy

#777b92 Protanopia 1% of men
#8e786b Deuteranopia 1% of men
#d34b4f Tritanopia 0.001% of the population

Trichromacy

#996385 Protanomaly 1% of men, 0.01% of women
#a7606d Deuteranomaly 6% of men, 0.4% of women
#d3445b Tritanomaly 0.01% of the population

#d4386f hex color

#d4386f Color Information

#d4386f Color Conversion

Color Schemes with #d4386f

Alternatives to #d4386f

#d4386f Preview

Shades and Tints of #d4386f

Tones of #d4386f

Color Blindness Simulator