colorhexa.com

#d218f6 hex color

In a RGB color space, hex #d218f6 is composed of 82.4% red, 9.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 90.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 290.3 degrees, a saturation of 92.5% and a lightness of 52.9%. #d218f6 color hex could be obtained by blending #ff30ff with #a500ed. Closest websafe color is: #cc00ff.

- R 82
- G 9
- B 96
RGB color chart
- C 15
- M 90
- Y 0
- K 4
CMYK color chart

● #d218f6 color description : Vivid magenta.

The hexadecimal color #d218f6 has RGB values of R:210, G:24, B:246 and CMYK values of C:0.15, M:0.9, Y:0, K:0.04. Its decimal value is 13768950.

Hex triplet	d218f6	`#d218f6`
RGB Decimal	210, 24, 246	`rgb(210,24,246)`
RGB Percent	82.4, 9.4, 96.5	`rgb(82.4%,9.4%,96.5%)`
CMYK	15, 90, 0, 4
HSL	290.3°, 92.5, 52.9	`hsl(290.3,92.5%,52.9%)`
HSV (or HSB)	290.3°, 90.2, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.961, 88.182, -68.062
XYZ	43.538, 21.011, 88.946
xyY	0.284, 0.137, 21.011
CIE-LCH	52.961, 111.394, 322.338
CIE-LUV	52.961, 55.466, -114.318
Hunter-Lab	45.838, 89.327, -82.963
Binary	11010010, 00011000, 11110110

#d218f6
```
#d218f6 rgb(210,24,246)
```
#3cf618
```
#3cf618 rgb(60,246,24)
```

Complementary Color

#6318f6
```
#6318f6 rgb(99,24,246)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```
#f618ab
```
#f618ab rgb(246,24,171)
```

Analogous Color

#18f663
```
#18f663 rgb(24,246,99)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```
#abf618
```
#abf618 rgb(171,246,24)
```

Split Complementary Color

#18f6d2
```
#18f6d2 rgb(24,246,210)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```
#f6d218
```
#f6d218 rgb(246,210,24)
```

Triadic Color

#183cf6
```
#183cf6 rgb(24,60,246)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```
#f6d218
```
#f6d218 rgb(246,210,24)
```
#3cf618
```
#3cf618 rgb(60,246,24)
```

Tetradic Color

#9d07ba
```
#9d07ba rgb(157,7,186)
```
#b208d3
```
#b208d3 rgb(178,8,211)
```
#c709eb
```
#c709eb rgb(199,9,235)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```
#d731f7
```
#d731f7 rgb(215,49,247)
```
#dc49f8
```
#dc49f8 rgb(220,73,248)
```
#e062f9
```
#e062f9 rgb(224,98,249)
```

Monochromatic Color

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

#9b18f6
```
#9b18f6 rgb(155,24,246)
```
#ad18f6
```
#ad18f6 rgb(173,24,246)
```
#c018f6
```
#c018f6 rgb(192,24,246)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```
#e518f6
```
#e518f6 rgb(229,24,246)
```
#f618f5
```
#f618f5 rgb(246,24,245)
```
#f618e3
```
#f618e3 rgb(246,24,227)
```

Similar Colors

Text with hexadecimal color #d218f6

This text has a font color of #d218f6.

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

#d218f6 background color

This paragraph has a background color of #d218f6.

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

#d218f6 border color

This element has a border color of #d218f6.

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

CSS codes

.text {color:#d218f6;}

.background {background-color:#d218f6;}

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

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

#0c010e
```
#0c010e rgb(12,1,14)
```
#1c0121
```
#1c0121 rgb(28,1,33)
```
#2c0234
```
#2c0234 rgb(44,2,52)
```
#3c0347
```
#3c0347 rgb(60,3,71)
```
#4c045a
```
#4c045a rgb(76,4,90)
```
#5c046d
```
#5c046d rgb(92,4,109)
```
#6c0580
```
#6c0580 rgb(108,5,128)
```
#7c0693
```
#7c0693 rgb(124,6,147)
```
#8c06a5
```
#8c06a5 rgb(140,6,165)
```
#9c07b8
```
#9c07b8 rgb(156,7,184)
```
#ac08cb
```
#ac08cb rgb(172,8,203)
```
#bc09de
```
#bc09de rgb(188,9,222)
```
#cb09f1
```
#cb09f1 rgb(203,9,241)
```

Shade Color Variation

#d218f6
```
#d218f6 rgb(210,24,246)
```
#d62bf7
```
#d62bf7 rgb(214,43,247)
```
#d93ef7
```
#d93ef7 rgb(217,62,247)
```
#dd51f8
```
#dd51f8 rgb(221,81,248)
```
#e164f9
```
#e164f9 rgb(225,100,249)
```
#e476fa
```
#e476fa rgb(228,118,250)
```
#e889fa
```
#e889fa rgb(232,137,250)
```
#ec9cfb
```
#ec9cfb rgb(236,156,251)
```
#efaffc
```
#efaffc rgb(239,175,252)
```
#f3c2fd
```
#f3c2fd rgb(243,194,253)
```
#f7d5fd
```
#f7d5fd rgb(247,213,253)
```
#fae8fe
```
#fae8fe rgb(250,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#8d7e90
```
#8d7e90 rgb(141,126,144)
```
#94749a
```
#94749a rgb(148,116,154)
```
#9a6ba3
```
#9a6ba3 rgb(154,107,163)
```
#a062ac
```
#a062ac rgb(160,98,172)
```
#a659b5
```
#a659b5 rgb(166,89,181)
```
#ad4fbf
```
#ad4fbf rgb(173,79,191)
```
#b346c8
```
#b346c8 rgb(179,70,200)
```
#b93dd1
```
#b93dd1 rgb(185,61,209)
```
#bf34da
```
#bf34da rgb(191,52,218)
```
#c62ae4
```
#c62ae4 rgb(198,42,228)
```
#cc21ed
```
#cc21ed rgb(204,33,237)
```
#d218f6
```
#d218f6 rgb(210,24,246)
```

Tone Color Variation

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

Dichromacy

#0081fb Protanopia 1% of men
#2287df Deuteranopia 1% of men
#c06c73 Tritanopia 0.001% of the population

Trichromacy

#4c5af9 Protanomaly 1% of men, 0.01% of women
#625ee7 Deuteranomaly 6% of men, 0.4% of women
#c64da2 Tritanomaly 0.01% of the population