#de81f2 hex color

In a RGB color space, hex #de81f2 is composed of 87.1% red, 50.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 8.3% cyan, 46.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 289.4 degrees, a saturation of 81.3% and a lightness of 72.7%. #de81f2 color hex could be obtained by blending #ffffff with #bd03e5. Closest websafe color is: #cc99ff.

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

● #de81f2 color description : Soft magenta.

The hexadecimal color #de81f2 has RGB values of R:222, G:129, B:242 and CMYK values of C:0.08, M:0.47, Y:0, K:0.05. Its decimal value is 14582258.

Hex triplet	de81f2	`#de81f2`
RGB Decimal	222, 129, 242	`rgb(222,129,242)`
RGB Percent	87.1, 50.6, 94.9	`rgb(87.1%,50.6%,94.9%)`
CMYK	8, 47, 0, 5
HSL	289.4°, 81.3, 72.7	`hsl(289.4,81.3%,72.7%)`
HSV (or HSB)	289.4°, 46.7, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	67.757, 53.095, -42.185
XYZ	54, 37.643, 88.421
xyY	0.3, 0.209, 37.643
CIE-LCH	67.757, 67.814, 321.532
CIE-LUV	67.757, 40.984, -74.918
Hunter-Lab	61.354, 49.735, -42.499
Binary	11011110, 10000001, 11110010

#de81f2
```
#de81f2 rgb(222,129,242)
```
#95f281
```
#95f281 rgb(149,242,129)
```

Complementary Color

#a681f2
```
#a681f2 rgb(166,129,242)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#f281ce
```
#f281ce rgb(242,129,206)
```

Analogous Color

#81f2a6
```
#81f2a6 rgb(129,242,166)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#cef281
```
#cef281 rgb(206,242,129)
```

Split Complementary Color

#81f2de
```
#81f2de rgb(129,242,222)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#f2de81
```
#f2de81 rgb(242,222,129)
```

Triadic Color

#8195f2
```
#8195f2 rgb(129,149,242)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#f2de81
```
#f2de81 rgb(242,222,129)
```
#95f281
```
#95f281 rgb(149,242,129)
```

Tetradic Color

#cc3ceb
```
#cc3ceb rgb(204,60,235)
```
#d253ed
```
#d253ed rgb(210,83,237)
```
#d86af0
```
#d86af0 rgb(216,106,240)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#e498f4
```
#e498f4 rgb(228,152,244)
```
#eaaff7
```
#eaaff7 rgb(234,175,247)
```
#f0c6f9
```
#f0c6f9 rgb(240,198,249)
```

Monochromatic Color

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

#c281f2
```
#c281f2 rgb(194,129,242)
```
#cb81f2
```
#cb81f2 rgb(203,129,242)
```
#d581f2
```
#d581f2 rgb(213,129,242)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#e781f2
```
#e781f2 rgb(231,129,242)
```
#f181f2
```
#f181f2 rgb(241,129,242)
```
#f281ea
```
#f281ea rgb(242,129,234)
```

Similar Colors

Text with hexadecimal color #de81f2

This text has a font color of #de81f2.

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

#de81f2 background color

This paragraph has a background color of #de81f2.

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

#de81f2 border color

This element has a border color of #de81f2.

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

CSS codes

.text {color:#de81f2;}

.background {background-color:#de81f2;}

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

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

#0e0210
```
#0e0210 rgb(14,2,16)
```
#1d0422
```
#1d0422 rgb(29,4,34)
```
#2c0534
```
#2c0534 rgb(44,5,52)
```
#3b0746
```
#3b0746 rgb(59,7,70)
```
#4a0957
```
#4a0957 rgb(74,9,87)
```
#580b69
```
#580b69 rgb(88,11,105)
```
#670d7b
```
#670d7b rgb(103,13,123)
```
#760f8d
```
#760f8d rgb(118,15,141)
```
#85109e
```
#85109e rgb(133,16,158)
```
#9412b0
```
#9412b0 rgb(148,18,176)
```
#a314c2
```
#a314c2 rgb(163,20,194)
```
#b216d4
```
#b216d4 rgb(178,22,212)
```
#c118e6
```
#c118e6 rgb(193,24,230)
```

Shade Color Variation

#c728e9
```
#c728e9 rgb(199,40,233)
```
#cb3aeb
```
#cb3aeb rgb(203,58,235)
```
#d04cec
```
#d04cec rgb(208,76,236)
```
#d55dee
```
#d55dee rgb(213,93,238)
```
#d96ff0
```
#d96ff0 rgb(217,111,240)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#e393f4
```
#e393f4 rgb(227,147,244)
```
#e7a5f6
```
#e7a5f6 rgb(231,165,246)
```
#ecb6f8
```
#ecb6f8 rgb(236,182,248)
```
#f1c8f9
```
#f1c8f9 rgb(241,200,249)
```
#f5dafb
```
#f5dafb rgb(245,218,251)
```
#faecfd
```
#faecfd rgb(250,236,253)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#bbb6bd
```
#bbb6bd rgb(187,182,189)
```
#bfb1c2
```
#bfb1c2 rgb(191,177,194)
```
#c2acc7
```
#c2acc7 rgb(194,172,199)
```
#c6a6cd
```
#c6a6cd rgb(198,166,205)
```
#c9a1d2
```
#c9a1d2 rgb(201,161,210)
```
#cd9cd7
```
#cd9cd7 rgb(205,156,215)
```
#d096dd
```
#d096dd rgb(208,150,221)
```
#d491e2
```
#d491e2 rgb(212,145,226)
```
#d78ce7
```
#d78ce7 rgb(215,140,231)
```
#db86ed
```
#db86ed rgb(219,134,237)
```
#de81f2
```
#de81f2 rgb(222,129,242)
```
#e17cf7
```
#e17cf7 rgb(225,124,247)
```
#e576fd
```
#e576fd rgb(229,118,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b4a2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a6ff Protanopia 1% of men
#91a8e8 Deuteranopia 1% of men
#d39aa5 Tritanopia 0.001% of the population

Trichromacy

#a599fa Protanomaly 1% of men, 0.01% of women
#ad99eb Deuteranomaly 6% of men, 0.4% of women
#d791c1 Tritanomaly 0.01% of the population

#de81f2 hex color

#de81f2 Color Information

#de81f2 Color Conversion

Color Schemes with #de81f2

Alternatives to #de81f2

#de81f2 Preview

Shades and Tints of #de81f2

Tones of #de81f2

Color Blindness Simulator