#d312af hex color

In a RGB color space, hex #d312af is composed of 82.7% red, 7.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 17.1% yellow and 17.3% black. It has a hue angle of 311.2 degrees, a saturation of 84.3% and a lightness of 44.9%. #d312af color hex could be obtained by blending #ff24ff with #a7005f. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 83
- G 7
- B 69
RGB color chart
- C 0
- M 91
- Y 17
- K 17
CMYK color chart

● #d312af color description : Strong magenta.

The hexadecimal color #d312af has RGB values of R:211, G:18, B:175 and CMYK values of C:0, M:0.91, Y:0.17, K:0.17. Its decimal value is 13832879.

Hex triplet	d312af	`#d312af`
RGB Decimal	211, 18, 175	`rgb(211,18,175)`
RGB Percent	82.7, 7.1, 68.6	`rgb(82.7%,7.1%,68.6%)`
CMYK	0, 91, 17, 17
HSL	311.2°, 84.3, 44.9	`hsl(311.2,84.3%,44.9%)`
HSV (or HSB)	311.2°, 91.5, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	48.735, 78.731, -34.064
XYZ	34.818, 17.38, 42.076
xyY	0.369, 0.184, 17.38
CIE-LCH	48.735, 85.784, 336.603
CIE-LUV	48.735, 83.878, -61.741
Hunter-Lab	41.689, 76.126, -30.658
Binary	11010011, 00010010, 10101111

#d312af
```
#d312af rgb(211,18,175)
```
#12d336
```
#12d336 rgb(18,211,54)
```

Complementary Color

#9712d3
```
#9712d3 rgb(151,18,211)
```
#d312af
```
#d312af rgb(211,18,175)
```
#d3124e
```
#d3124e rgb(211,18,78)
```

Analogous Color

#12d397
```
#12d397 rgb(18,211,151)
```
#d312af
```
#d312af rgb(211,18,175)
```
#4ed312
```
#4ed312 rgb(78,211,18)
```

Split Complementary Color

#12afd3
```
#12afd3 rgb(18,175,211)
```
#d312af
```
#d312af rgb(211,18,175)
```
#afd312
```
#afd312 rgb(175,211,18)
```

Triadic Color

#3612d3
```
#3612d3 rgb(54,18,211)
```
#d312af
```
#d312af rgb(211,18,175)
```
#afd312
```
#afd312 rgb(175,211,18)
```
#12d336
```
#12d336 rgb(18,211,54)
```

Tetradic Color

#8d0c75
```
#8d0c75 rgb(141,12,117)
```
#a40e88
```
#a40e88 rgb(164,14,136)
```
#bc109c
```
#bc109c rgb(188,16,156)
```
#d312af
```
#d312af rgb(211,18,175)
```
#ea14c2
```
#ea14c2 rgb(234,20,194)
```
#ed2bc9
```
#ed2bc9 rgb(237,43,201)
```
#ef43cf
```
#ef43cf rgb(239,67,207)
```

Monochromatic Color

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

#c712d3
```
#c712d3 rgb(199,18,211)
```
#d312cf
```
#d312cf rgb(211,18,207)
```
#d312bf
```
#d312bf rgb(211,18,191)
```
#d312af
```
#d312af rgb(211,18,175)
```
#d3129f
```
#d3129f rgb(211,18,159)
```
#d3128f
```
#d3128f rgb(211,18,143)
```
#d3127f
```
#d3127f rgb(211,18,127)
```

Similar Colors

Text with hexadecimal color #d312af

This text has a font color of #d312af.

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

#d312af background color

This paragraph has a background color of #d312af.

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

#d312af border color

This element has a border color of #d312af.

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

CSS codes

.text {color:#d312af;}

.background {background-color:#d312af;}

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

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

#0c010a
```
#0c010a rgb(12,1,10)
```
#1e0319
```
#1e0319 rgb(30,3,25)
```
#300428
```
#300428 rgb(48,4,40)
```
#420637
```
#420637 rgb(66,6,55)
```
#540746
```
#540746 rgb(84,7,70)
```
#670955
```
#670955 rgb(103,9,85)
```
#790a64
```
#790a64 rgb(121,10,100)
```
#8b0c73
```
#8b0c73 rgb(139,12,115)
```
#9d0d82
```
#9d0d82 rgb(157,13,130)
```
#af0f91
```
#af0f91 rgb(175,15,145)
```
#c110a0
```
#c110a0 rgb(193,16,160)
```
#d312af
```
#d312af rgb(211,18,175)
```
#e514be
```
#e514be rgb(229,20,190)
```

Shade Color Variation

#ec20c6
```
#ec20c6 rgb(236,32,198)
```
#ee32cb
```
#ee32cb rgb(238,50,203)
```
#ef44cf
```
#ef44cf rgb(239,68,207)
```
#f156d4
```
#f156d4 rgb(241,86,212)
```
#f269d8
```
#f269d8 rgb(242,105,216)
```
#f47bdd
```
#f47bdd rgb(244,123,221)
```
#f58de2
```
#f58de2 rgb(245,141,226)
```
#f79fe6
```
#f79fe6 rgb(247,159,230)
```
#f8b1eb
```
#f8b1eb rgb(248,177,235)
```
#fac3f0
```
#fac3f0 rgb(250,195,240)
```
#fbd5f4
```
#fbd5f4 rgb(251,213,244)
```
#fde7f9
```
#fde7f9 rgb(253,231,249)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#7b6a78
```
#7b6a78 rgb(123,106,120)
```
#84617d
```
#84617d rgb(132,97,125)
```
#8d5883
```
#8d5883 rgb(141,88,131)
```
#955088
```
#955088 rgb(149,80,136)
```
#9e478e
```
#9e478e rgb(158,71,142)
```
#a73e93
```
#a73e93 rgb(167,62,147)
```
#b03599
```
#b03599 rgb(176,53,153)
```
#b92c9e
```
#b92c9e rgb(185,44,158)
```
#c124a4
```
#c124a4 rgb(193,36,164)
```
#ca1ba9
```
#ca1ba9 rgb(202,27,169)
```
#d312af
```
#d312af rgb(211,18,175)
```
#dc09b5
```
#dc09b5 rgb(220,9,181)
```
#e500ba
```
#e500ba rgb(229,0,186)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#754f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0b77e9 Protanopia 1% of men
#6e79a2 Deuteranopia 1% of men
#cc4f53 Tritanopia 0.001% of the population

Trichromacy

#5452d4 Protanomaly 1% of men, 0.01% of women
#9353a7 Deuteranomaly 6% of men, 0.4% of women
#ce3975 Tritanomaly 0.01% of the population

#d312af hex color

#d312af Color Information

#d312af Color Conversion

Color Schemes with #d312af

Alternatives to #d312af

#d312af Preview

Shades and Tints of #d312af

Tones of #d312af

Color Blindness Simulator