colorhexa.com

#d314b4 hex color

In a RGB color space, hex #d314b4 is composed of 82.7% red, 7.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 14.7% yellow and 17.3% black. It has a hue angle of 309.7 degrees, a saturation of 82.7% and a lightness of 45.3%. #d314b4 color hex could be obtained by blending #ff28ff with #a70069. Closest websafe color is: #cc00cc.

- R 83
- G 8
- B 71
RGB color chart
- C 0
- M 91
- Y 15
- K 17
CMYK color chart

● #d314b4 color description : Strong magenta.

The hexadecimal color #d314b4 has RGB values of R:211, G:20, B:180 and CMYK values of C:0, M:0.91, Y:0.15, K:0.17. Its decimal value is 13833396.

Hex triplet	d314b4	`#d314b4`
RGB Decimal	211, 20, 180	`rgb(211,20,180)`
RGB Percent	82.7, 7.8, 70.6	`rgb(82.7%,7.8%,70.6%)`
CMYK	0, 91, 15, 17
HSL	309.7°, 82.7, 45.3	`hsl(309.7,82.7%,45.3%)`
HSV (or HSB)	309.7°, 90.5, 82.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	49.066, 79.125, -36.486
XYZ	35.352, 17.647, 44.722
xyY	0.362, 0.181, 17.647
CIE-LCH	49.066, 87.132, 335.245
CIE-LUV	49.066, 81.527, -65.424
Hunter-Lab	42.009, 76.7, -33.713
Binary	11010011, 00010100, 10110100

#d314b4
```
#d314b4 rgb(211,20,180)
```
#14d333
```
#14d333 rgb(20,211,51)
```

Complementary Color

#9314d3
```
#9314d3 rgb(147,20,211)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#d31455
```
#d31455 rgb(211,20,85)
```

Analogous Color

#14d393
```
#14d393 rgb(20,211,147)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#55d314
```
#55d314 rgb(85,211,20)
```

Split Complementary Color

#14b4d3
```
#14b4d3 rgb(20,180,211)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#b4d314
```
#b4d314 rgb(180,211,20)
```

Triadic Color

#3314d3
```
#3314d3 rgb(51,20,211)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#b4d314
```
#b4d314 rgb(180,211,20)
```
#14d333
```
#14d333 rgb(20,211,51)
```

Tetradic Color

#8d0d78
```
#8d0d78 rgb(141,13,120)
```
#a4108c
```
#a4108c rgb(164,16,140)
```
#bc12a0
```
#bc12a0 rgb(188,18,160)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#e917c7
```
#e917c7 rgb(233,23,199)
```
#eb2fcd
```
#eb2fcd rgb(235,47,205)
```
#ed46d2
```
#ed46d2 rgb(237,70,210)
```

Monochromatic Color

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

#c214d3
```
#c214d3 rgb(194,20,211)
```
#d214d3
```
#d214d3 rgb(210,20,211)
```
#d314c4
```
#d314c4 rgb(211,20,196)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#d314a4
```
#d314a4 rgb(211,20,164)
```
#d31494
```
#d31494 rgb(211,20,148)
```
#d31484
```
#d31484 rgb(211,20,132)
```

Similar Colors

Text with hexadecimal color #d314b4

This text has a font color of #d314b4.

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

#d314b4 background color

This paragraph has a background color of #d314b4.

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

#d314b4 border color

This element has a border color of #d314b4.

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

CSS codes

.text {color:#d314b4;}

.background {background-color:#d314b4;}

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

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

#0e010c
```
#0e010c rgb(14,1,12)
```
#20031b
```
#20031b rgb(32,3,27)
```
#32052a
```
#32052a rgb(50,5,42)
```
#44063a
```
#44063a rgb(68,6,58)
```
#560849
```
#560849 rgb(86,8,73)
```
#670a58
```
#670a58 rgb(103,10,88)
```
#790c68
```
#790c68 rgb(121,12,104)
```
#8b0d77
```
#8b0d77 rgb(139,13,119)
```
#9d0f86
```
#9d0f86 rgb(157,15,134)
```
#af1195
```
#af1195 rgb(175,17,149)
```
#c112a5
```
#c112a5 rgb(193,18,165)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#e516c3
```
#e516c3 rgb(229,22,195)
```

Shade Color Variation

#ea24ca
```
#ea24ca rgb(234,36,202)
```
#ec36ce
```
#ec36ce rgb(236,54,206)
```
#ee48d3
```
#ee48d3 rgb(238,72,211)
```
#ef5ad7
```
#ef5ad7 rgb(239,90,215)
```
#f16cdb
```
#f16cdb rgb(241,108,219)
```
#f37ee0
```
#f37ee0 rgb(243,126,224)
```
#f48fe4
```
#f48fe4 rgb(244,143,228)
```
#f6a1e8
```
#f6a1e8 rgb(246,161,232)
```
#f8b3ed
```
#f8b3ed rgb(248,179,237)
```
#fac5f1
```
#fac5f1 rgb(250,197,241)
```
#fbd7f5
```
#fbd7f5 rgb(251,215,245)
```
#fde9fa
```
#fde9fa rgb(253,233,250)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#7a6d78
```
#7a6d78 rgb(122,109,120)
```
#83647e
```
#83647e rgb(131,100,126)
```
#8c5b84
```
#8c5b84 rgb(140,91,132)
```
#95528a
```
#95528a rgb(149,82,138)
```
#9e4990
```
#9e4990 rgb(158,73,144)
```
#a74096
```
#a74096 rgb(167,64,150)
```
#af389c
```
#af389c rgb(175,56,156)
```
#b82fa2
```
#b82fa2 rgb(184,47,162)
```
#c126a8
```
#c126a8 rgb(193,38,168)
```
#ca1dae
```
#ca1dae rgb(202,29,174)
```
#d314b4
```
#d314b4 rgb(211,20,180)
```
#dc0bba
```
#dc0bba rgb(220,11,186)
```
#e502c0
```
#e502c0 rgb(229,2,192)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#765070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077eb Protanopia 1% of men
#6c7aa7 Deuteranopia 1% of men
#cb5156 Tritanopia 0.001% of the population

Trichromacy

#4c53d7 Protanomaly 1% of men, 0.01% of women
#9155ab Deuteranomaly 6% of men, 0.4% of women
#ce3b78 Tritanomaly 0.01% of the population