#df00f8 hex color

In a RGB color space, hex #df00f8 is composed of 87.5% red, 0% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 100% magenta, 0% yellow and 2.7% black. It has a hue angle of 294 degrees, a saturation of 100% and a lightness of 48.6%. #df00f8 color hex could be obtained by blending #ff00ff with #bf00f1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 87
- G 0
- B 97
RGB color chart
- C 10
- M 100
- Y 0
- K 3
CMYK color chart

● #df00f8 color description : Pure (or mostly pure) magenta.

The hexadecimal color #df00f8 has RGB values of R:223, G:0, B:248 and CMYK values of C:0.1, M:1, Y:0, K:0.03. Its decimal value is 14614776.

Hex triplet	df00f8	`#df00f8`
RGB Decimal	223, 0, 248	`rgb(223,0,248)`
RGB Percent	87.5, 0, 97.3	`rgb(87.5%,0%,97.3%)`
CMYK	10, 100, 0, 3
HSL	294°, 100, 48.6	`hsl(294,100%,48.6%)`
HSV (or HSB)	294°, 100, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	54.52, 92.465, -66.557
XYZ	47.373, 22.468, 90.643
xyY	0.295, 0.14, 22.468
CIE-LCH	54.52, 113.928, 324.253
CIE-LUV	54.52, 64.411, -113.57
Hunter-Lab	47.4, 95.446, -80.199
Binary	11011111, 00000000, 11111000

#df00f8
```
#df00f8 rgb(223,0,248)
```
#19f800
```
#19f800 rgb(25,248,0)
```

Complementary Color

#6300f8
```
#6300f8 rgb(99,0,248)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```
#f80095
```
#f80095 rgb(248,0,149)
```

Analogous Color

#00f863
```
#00f863 rgb(0,248,99)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```
#95f800
```
#95f800 rgb(149,248,0)
```

Split Complementary Color

#00f8df
```
#00f8df rgb(0,248,223)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```
#f8df00
```
#f8df00 rgb(248,223,0)
```

Triadic Color

#0019f8
```
#0019f8 rgb(0,25,248)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```
#f8df00
```
#f8df00 rgb(248,223,0)
```
#19f800
```
#19f800 rgb(25,248,0)
```

Tetradic Color

#9a00ac
```
#9a00ac rgb(154,0,172)
```
#b100c5
```
#b100c5 rgb(177,0,197)
```
#c800df
```
#c800df rgb(200,0,223)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```
#e713ff
```
#e713ff rgb(231,19,255)
```
#ea2cff
```
#ea2cff rgb(234,44,255)
```
#ec46ff
```
#ec46ff rgb(236,70,255)
```

Monochromatic Color

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

#a100f8
```
#a100f8 rgb(161,0,248)
```
#b600f8
```
#b600f8 rgb(182,0,248)
```
#ca00f8
```
#ca00f8 rgb(202,0,248)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```
#f400f8
```
#f400f8 rgb(244,0,248)
```
#f800e8
```
#f800e8 rgb(248,0,232)
```
#f800d3
```
#f800d3 rgb(248,0,211)
```

Similar Colors

Text with hexadecimal color #df00f8

This text has a font color of #df00f8.

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

#df00f8 background color

This paragraph has a background color of #df00f8.

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

#df00f8 border color

This element has a border color of #df00f8.

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

CSS codes

.text {color:#df00f8;}

.background {background-color:#df00f8;}

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

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

#0b000d
```
#0b000d rgb(11,0,13)
```
#1d0020
```
#1d0020 rgb(29,0,32)
```
#2f0034
```
#2f0034 rgb(47,0,52)
```
#400047
```
#400047 rgb(64,0,71)
```
#52005b
```
#52005b rgb(82,0,91)
```
#64006f
```
#64006f rgb(100,0,111)
```
#750082
```
#750082 rgb(117,0,130)
```
#870096
```
#870096 rgb(135,0,150)
```
#9800aa
```
#9800aa rgb(152,0,170)
```
#aa00bd
```
#aa00bd rgb(170,0,189)
```
#bc00d1
```
#bc00d1 rgb(188,0,209)
```
#cd00e4
```
#cd00e4 rgb(205,0,228)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```

Shade Color Variation

#e70dff
```
#e70dff rgb(231,13,255)
```
#e920ff
```
#e920ff rgb(233,32,255)
```
#eb34ff
```
#eb34ff rgb(235,52,255)
```
#ec47ff
```
#ec47ff rgb(236,71,255)
```
#ee5bff
```
#ee5bff rgb(238,91,255)
```
#f06fff
```
#f06fff rgb(240,111,255)
```
#f282ff
```
#f282ff rgb(242,130,255)
```
#f496ff
```
#f496ff rgb(244,150,255)
```
#f6aaff
```
#f6aaff rgb(246,170,255)
```
#f8bdff
```
#f8bdff rgb(248,189,255)
```
#fad1ff
```
#fad1ff rgb(250,209,255)
```
#fce4ff
```
#fce4ff rgb(252,228,255)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#847286
```
#847286 rgb(132,114,134)
```
#8b698f
```
#8b698f rgb(139,105,143)
```
#935f99
```
#935f99 rgb(147,95,153)
```
#9a56a2
```
#9a56a2 rgb(154,86,162)
```
#a24cac
```
#a24cac rgb(162,76,172)
```
#aa43b5
```
#aa43b5 rgb(170,67,181)
```
#b139bf
```
#b139bf rgb(177,57,191)
```
#b930c8
```
#b930c8 rgb(185,48,200)
```
#c126d2
```
#c126d2 rgb(193,38,210)
```
#c81ddb
```
#c81ddb rgb(200,29,219)
```
#d013e5
```
#d013e5 rgb(208,19,229)
```
#d70aee
```
#d70aee rgb(215,10,238)
```
#df00f8
```
#df00f8 rgb(223,0,248)
```

Tone Color Variation

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

Dichromacy

#2685ff Protanopia 1% of men
#3a8ae0 Deuteranopia 1% of men
#cd6a70 Tritanopia 0.001% of the population

Trichromacy

#6954fc Protanomaly 1% of men, 0.01% of women
#7658e9 Deuteranomaly 6% of men, 0.4% of women
#d443a2 Tritanomaly 0.01% of the population

#df00f8 hex color

#df00f8 Color Information

#df00f8 Color Conversion

Color Schemes with #df00f8

Alternatives to #df00f8

#df00f8 Preview

Shades and Tints of #df00f8

Tones of #df00f8

Color Blindness Simulator