colorhexa.com

#df18cf hex color

In a RGB color space, hex #df18cf is composed of 87.5% red, 9.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 7.2% yellow and 12.5% black. It has a hue angle of 304.8 degrees, a saturation of 80.6% and a lightness of 48.4%. #df18cf color hex could be obtained by blending #ff30ff with #bf009f. Closest websafe color is: #cc00cc.

- R 87
- G 9
- B 81
RGB color chart
- C 0
- M 89
- Y 7
- K 13
CMYK color chart

● #df18cf color description : Vivid magenta.

The hexadecimal color #df18cf has RGB values of R:223, G:24, B:207 and CMYK values of C:0, M:0.89, Y:0.07, K:0.13. Its decimal value is 14620879.

Hex triplet	df18cf	`#df18cf`
RGB Decimal	223, 24, 207	`rgb(223,24,207)`
RGB Percent	87.5, 9.4, 81.2	`rgb(87.5%,9.4%,81.2%)`
CMYK	0, 89, 7, 13
HSL	304.8°, 80.6, 48.4	`hsl(304.8,80.6%,48.4%)`
HSV (or HSB)	304.8°, 89.2, 87.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	52.784, 84.415, -46.136
XYZ	42.02, 20.849, 60.839
xyY	0.34, 0.169, 20.849
CIE-LCH	52.784, 96.199, 331.342
CIE-LUV	52.784, 78.91, -81.717
Hunter-Lab	45.661, 84.359, -47.036
Binary	11011111, 00011000, 11001111

#df18cf
```
#df18cf rgb(223,24,207)
```
#18df28
```
#18df28 rgb(24,223,40)
```

Complementary Color

#8c18df
```
#8c18df rgb(140,24,223)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#df186c
```
#df186c rgb(223,24,108)
```

Analogous Color

#18df8c
```
#18df8c rgb(24,223,140)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#6cdf18
```
#6cdf18 rgb(108,223,24)
```

Split Complementary Color

#18cfdf
```
#18cfdf rgb(24,207,223)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#cfdf18
```
#cfdf18 rgb(207,223,24)
```

Triadic Color

#2818df
```
#2818df rgb(40,24,223)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#cfdf18
```
#cfdf18 rgb(207,223,24)
```
#18df28
```
#18df28 rgb(24,223,40)
```

Tetradic Color

#9a118f
```
#9a118f rgb(154,17,143)
```
#b113a4
```
#b113a4 rgb(177,19,164)
```
#c816ba
```
#c816ba rgb(200,22,186)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#e829d9
```
#e829d9 rgb(232,41,217)
```
#ea40dd
```
#ea40dd rgb(234,64,221)
```
#ed57e1
```
#ed57e1 rgb(237,87,225)
```

Monochromatic Color

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

#bd18df
```
#bd18df rgb(189,24,223)
```
#ce18df
```
#ce18df rgb(206,24,223)
```
#de18df
```
#de18df rgb(222,24,223)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#df18be
```
#df18be rgb(223,24,190)
```
#df18ae
```
#df18ae rgb(223,24,174)
```
#df189d
```
#df189d rgb(223,24,157)
```

Similar Colors

Text with hexadecimal color #df18cf

This text has a font color of #df18cf.

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

#df18cf background color

This paragraph has a background color of #df18cf.

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

#df18cf border color

This element has a border color of #df18cf.

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

CSS codes

.text {color:#df18cf;}

.background {background-color:#df18cf;}

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

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

#0a010a
```
#0a010a rgb(10,1,10)
```
#1c031a
```
#1c031a rgb(28,3,26)
```
#2e052b
```
#2e052b rgb(46,5,43)
```
#40073b
```
#40073b rgb(64,7,59)
```
#51094b
```
#51094b rgb(81,9,75)
```
#630b5c
```
#630b5c rgb(99,11,92)
```
#750d6c
```
#750d6c rgb(117,13,108)
```
#860e7d
```
#860e7d rgb(134,14,125)
```
#98108d
```
#98108d rgb(152,16,141)
```
#aa129e
```
#aa129e rgb(170,18,158)
```
#bc14ae
```
#bc14ae rgb(188,20,174)
```
#cd16bf
```
#cd16bf rgb(205,22,191)
```
#df18cf
```
#df18cf rgb(223,24,207)
```

Shade Color Variation

#e723d8
```
#e723d8 rgb(231,35,216)
```
#e935db
```
#e935db rgb(233,53,219)
```
#eb47de
```
#eb47de rgb(235,71,222)
```
#ed58e1
```
#ed58e1 rgb(237,88,225)
```
#ef6ae4
```
#ef6ae4 rgb(239,106,228)
```
#f17ce7
```
#f17ce7 rgb(241,124,231)
```
#f38eeb
```
#f38eeb rgb(243,142,235)
```
#f59fee
```
#f59fee rgb(245,159,238)
```
#f7b1f1
```
#f7b1f1 rgb(247,177,241)
```
#f9c3f4
```
#f9c3f4 rgb(249,195,244)
```
#fad4f7
```
#fad4f7 rgb(250,212,247)
```
#fce6fb
```
#fce6fb rgb(252,230,251)
```
#fef8fe
```
#fef8fe rgb(254,248,254)
```

Tint Color Variation

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

#80777f
```
#80777f rgb(128,119,127)
```
#8a6e87
```
#8a6e87 rgb(138,110,135)
```
#93648f
```
#93648f rgb(147,100,143)
```
#9d5b97
```
#9d5b97 rgb(157,91,151)
```
#a6519f
```
#a6519f rgb(166,81,159)
```
#b048a7
```
#b048a7 rgb(176,72,167)
```
#b93eaf
```
#b93eaf rgb(185,62,175)
```
#c335b7
```
#c335b7 rgb(195,53,183)
```
#cc2bbf
```
#cc2bbf rgb(204,43,191)
```
#d622c7
```
#d622c7 rgb(214,34,199)
```
#df18cf
```
#df18cf rgb(223,24,207)
```
#e90fd7
```
#e90fd7 rgb(233,15,215)
```
#f205df
```
#f205df rgb(242,5,223)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#80587d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#6884be Deuteranopia 1% of men
#d45d62 Tritanopia 0.001% of the population

Trichromacy

#515aeb Protanomaly 1% of men, 0.01% of women
#935cc4 Deuteranomaly 6% of men, 0.4% of women
#d84389 Tritanomaly 0.01% of the population