#df12f2 hex color

In a RGB color space, hex #df12f2 is composed of 87.5% red, 7.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 92.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 294.9 degrees, a saturation of 89.6% and a lightness of 51%. #df12f2 color hex could be obtained by blending #ff24ff with #bf00e5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 87
- G 7
- B 95
RGB color chart
- C 8
- M 93
- Y 0
- K 5
CMYK color chart

● #df12f2 color description : Vivid magenta.

The hexadecimal color #df12f2 has RGB values of R:223, G:18, B:242 and CMYK values of C:0.08, M:0.93, Y:0, K:0.05. Its decimal value is 14619378.

Hex triplet	df12f2	`#df12f2`
RGB Decimal	223, 18, 242	`rgb(223,18,242)`
RGB Percent	87.5, 7.1, 94.9	`rgb(87.5%,7.1%,94.9%)`
CMYK	8, 93, 0, 5
HSL	294.9°, 89.6, 51	`hsl(294.9,89.6%,51%)`
HSV (or HSB)	294.9°, 92.6, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	54.589, 90.205, -63.09
XYZ	46.673, 22.534, 85.891
xyY	0.301, 0.145, 22.534
CIE-LCH	54.589, 110.079, 325.031
CIE-LUV	54.589, 65.854, -108.303
Hunter-Lab	47.47, 92.43, -74.048
Binary	11011111, 00010010, 11110010

#df12f2
```
#df12f2 rgb(223,18,242)
```
#25f212
```
#25f212 rgb(37,242,18)
```

Complementary Color

#6f12f2
```
#6f12f2 rgb(111,18,242)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#f21295
```
#f21295 rgb(242,18,149)
```

Analogous Color

#12f26f
```
#12f26f rgb(18,242,111)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#95f212
```
#95f212 rgb(149,242,18)
```

Split Complementary Color

#12f2df
```
#12f2df rgb(18,242,223)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#f2df12
```
#f2df12 rgb(242,223,18)
```

Triadic Color

#1225f2
```
#1225f2 rgb(18,37,242)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#f2df12
```
#f2df12 rgb(242,223,18)
```
#25f212
```
#25f212 rgb(37,242,18)
```

Tetradic Color

#a00aae
```
#a00aae rgb(160,10,174)
```
#b60bc6
```
#b60bc6 rgb(182,11,198)
```
#cc0cde
```
#cc0cde rgb(204,12,222)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#e22af3
```
#e22af3 rgb(226,42,243)
```
#e642f5
```
#e642f5 rgb(230,66,245)
```
#e95bf6
```
#e95bf6 rgb(233,91,246)
```

Monochromatic Color

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

#a712f2
```
#a712f2 rgb(167,18,242)
```
#ba12f2
```
#ba12f2 rgb(186,18,242)
```
#cc12f2
```
#cc12f2 rgb(204,18,242)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#f212f2
```
#f212f2 rgb(242,18,242)
```
#f212e0
```
#f212e0 rgb(242,18,224)
```
#f212cd
```
#f212cd rgb(242,18,205)
```

Similar Colors

Text with hexadecimal color #df12f2

This text has a font color of #df12f2.

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

#df12f2 background color

This paragraph has a background color of #df12f2.

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

#df12f2 border color

This element has a border color of #df12f2.

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

CSS codes

.text {color:#df12f2;}

.background {background-color:#df12f2;}

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

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, #040005 is the darkest color, while #fdf1fe is the lightest one.

#040005
```
#040005 rgb(4,0,5)
```
#150117
```
#150117 rgb(21,1,23)
```
#27022a
```
#27022a rgb(39,2,42)
```
#38033d
```
#38033d rgb(56,3,61)
```
#49044f
```
#49044f rgb(73,4,79)
```
#5a0562
```
#5a0562 rgb(90,5,98)
```
#6b0674
```
#6b0674 rgb(107,6,116)
```
#7c0787
```
#7c0787 rgb(124,7,135)
```
#8d089a
```
#8d089a rgb(141,8,154)
```
#9e09ac
```
#9e09ac rgb(158,9,172)
```
#af0abf
```
#af0abf rgb(175,10,191)
```
#c10bd1
```
#c10bd1 rgb(193,11,209)
```
#d20de4
```
#d20de4 rgb(210,13,228)
```

Shade Color Variation

#df12f2
```
#df12f2 rgb(223,18,242)
```
#e225f3
```
#e225f3 rgb(226,37,243)
```
#e437f4
```
#e437f4 rgb(228,55,244)
```
#e74af5
```
#e74af5 rgb(231,74,245)
```
#e95cf6
```
#e95cf6 rgb(233,92,246)
```
#ec6ff7
```
#ec6ff7 rgb(236,111,247)
```
#ee82f8
```
#ee82f8 rgb(238,130,248)
```
#f194f9
```
#f194f9 rgb(241,148,249)
```
#f3a7fa
```
#f3a7fa rgb(243,167,250)
```
#f6b9fb
```
#f6b9fb rgb(246,185,251)
```
#f8ccfc
```
#f8ccfc rgb(248,204,252)
```
#fbdffd
```
#fbdffd rgb(251,223,253)
```
#fdf1fe
```
#fdf1fe rgb(253,241,254)
```

Tint Color Variation

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

#877c88
```
#877c88 rgb(135,124,136)
```
#8f7292
```
#8f7292 rgb(143,114,146)
```
#97699b
```
#97699b rgb(151,105,155)
```
#9f5fa5
```
#9f5fa5 rgb(159,95,165)
```
#a755af
```
#a755af rgb(167,85,175)
```
#af4cb8
```
#af4cb8 rgb(175,76,184)
```
#b742c2
```
#b742c2 rgb(183,66,194)
```
#bf38cc
```
#bf38cc rgb(191,56,204)
```
#c72fd5
```
#c72fd5 rgb(199,47,213)
```
#cf25df
```
#cf25df rgb(207,37,223)
```
#d71ce8
```
#d71ce8 rgb(215,28,232)
```
#df12f2
```
#df12f2 rgb(223,18,242)
```
#e708fc
```
#e708fc rgb(231,8,252)
```

Tone Color Variation

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

Dichromacy

#2785ff Protanopia 1% of men
#478adc Deuteranopia 1% of men
#cf6970 Tritanopia 0.001% of the population

Trichromacy

#6a5bfa Protanomaly 1% of men, 0.01% of women
#7e5ee4 Deuteranomaly 6% of men, 0.4% of women
#d4499f Tritanomaly 0.01% of the population

#df12f2 hex color

#df12f2 Color Information

#df12f2 Color Conversion

Color Schemes with #df12f2

Alternatives to #df12f2

#df12f2 Preview

Shades and Tints of #df12f2

Tones of #df12f2

Color Blindness Simulator