#de54e3 hex color

In a RGB color space, hex #de54e3 is composed of 87.1% red, 32.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 63% magenta, 0% yellow and 11% black. It has a hue angle of 297.9 degrees, a saturation of 71.9% and a lightness of 61%. #de54e3 color hex could be obtained by blending #ffa8ff with #bd00c7. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 87
- G 33
- B 89
RGB color chart
- C 2
- M 63
- Y 0
- K 11
CMYK color chart

● #de54e3 color description : Soft magenta.

The hexadecimal color #de54e3 has RGB values of R:222, G:84, B:227 and CMYK values of C:0.02, M:0.63, Y:0, K:0.11. Its decimal value is 14570723.

Hex triplet	de54e3	`#de54e3`
RGB Decimal	222, 84, 227	`rgb(222,84,227)`
RGB Percent	87.1, 32.9, 89	`rgb(87.1%,32.9%,89%)`
CMYK	2, 63, 0, 11
HSL	297.9°, 71.9, 61	`hsl(297.9,71.9%,61%)`
HSV (or HSB)	297.9°, 63, 89
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	59.36, 71.004, -47.072
XYZ	47.158, 27.419, 75.477
xyY	0.314, 0.183, 27.419
CIE-LCH	59.36, 85.19, 326.457
CIE-LUV	59.36, 59.874, -83.358
Hunter-Lab	52.363, 69.123, -48.808
Binary	11011110, 01010100, 11100011

#de54e3
```
#de54e3 rgb(222,84,227)
```
#59e354
```
#59e354 rgb(89,227,84)
```

Complementary Color

#9754e3
```
#9754e3 rgb(151,84,227)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e354a1
```
#e354a1 rgb(227,84,161)
```

Analogous Color

#54e397
```
#54e397 rgb(84,227,151)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#a1e354
```
#a1e354 rgb(161,227,84)
```

Split Complementary Color

#54e3de
```
#54e3de rgb(84,227,222)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e3de54
```
#e3de54 rgb(227,222,84)
```

Triadic Color

#5459e3
```
#5459e3 rgb(84,89,227)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e3de54
```
#e3de54 rgb(227,222,84)
```
#59e354
```
#59e354 rgb(89,227,84)
```

Tetradic Color

#c421ca
```
#c421ca rgb(196,33,202)
```
#d628dc
```
#d628dc rgb(214,40,220)
```
#da3edf
```
#da3edf rgb(218,62,223)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e26ae7
```
#e26ae7 rgb(226,106,231)
```
#e680ea
```
#e680ea rgb(230,128,234)
```
#eb96ee
```
#eb96ee rgb(235,150,238)
```

Monochromatic Color

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

#ba54e3
```
#ba54e3 rgb(186,84,227)
```
#c654e3
```
#c654e3 rgb(198,84,227)
```
#d254e3
```
#d254e3 rgb(210,84,227)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e354dc
```
#e354dc rgb(227,84,220)
```
#e354d0
```
#e354d0 rgb(227,84,208)
```
#e354c4
```
#e354c4 rgb(227,84,196)
```

Similar Colors

Text with hexadecimal color #de54e3

This text has a font color of #de54e3.

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

#de54e3 background color

This paragraph has a background color of #de54e3.

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

#de54e3 border color

This element has a border color of #de54e3.

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

CSS codes

.text {color:#de54e3;}

.background {background-color:#de54e3;}

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

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

#0e020e
```
#0e020e rgb(14,2,14)
```
#1e051f
```
#1e051f rgb(30,5,31)
```
#2f0830
```
#2f0830 rgb(47,8,48)
```
#3f0b41
```
#3f0b41 rgb(63,11,65)
```
#4f0d52
```
#4f0d52 rgb(79,13,82)
```
#601063
```
#601063 rgb(96,16,99)
```
#701374
```
#701374 rgb(112,19,116)
```
#811684
```
#811684 rgb(129,22,132)
```
#911895
```
#911895 rgb(145,24,149)
```
#a11ba6
```
#a11ba6 rgb(161,27,166)
```
#b21eb7
```
#b21eb7 rgb(178,30,183)
```
#c221c8
```
#c221c8 rgb(194,33,200)
```
#d223d9
```
#d223d9 rgb(210,35,217)
```

Shade Color Variation

#d732dd
```
#d732dd rgb(215,50,221)
```
#db43e0
```
#db43e0 rgb(219,67,224)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e165e6
```
#e165e6 rgb(225,101,230)
```
#e576e9
```
#e576e9 rgb(229,118,233)
```
#e887eb
```
#e887eb rgb(232,135,235)
```
#eb97ee
```
#eb97ee rgb(235,151,238)
```
#eea8f1
```
#eea8f1 rgb(238,168,241)
```
#f2b9f4
```
#f2b9f4 rgb(242,185,244)
```
#f5caf6
```
#f5caf6 rgb(245,202,246)
```
#f8dbf9
```
#f8dbf9 rgb(248,219,249)
```
#fbecfc
```
#fbecfc rgb(251,236,252)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#9e999e
```
#9e999e rgb(158,153,158)
```
#a591a6
```
#a591a6 rgb(165,145,166)
```
#ac8aad
```
#ac8aad rgb(172,138,173)
```
#b382b5
```
#b382b5 rgb(179,130,181)
```
#ba7abd
```
#ba7abd rgb(186,122,189)
```
#c273c4
```
#c273c4 rgb(194,115,196)
```
#c96bcc
```
#c96bcc rgb(201,107,204)
```
#d063d4
```
#d063d4 rgb(208,99,212)
```
#d75cdb
```
#d75cdb rgb(215,92,219)
```
#de54e3
```
#de54e3 rgb(222,84,227)
```
#e54ceb
```
#e54ceb rgb(229,76,235)
```
#ec45f2
```
#ec45f2 rgb(236,69,242)
```
#f33dfa
```
#f33dfa rgb(243,61,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9e829f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5891ff Protanopia 1% of men
#7594d5 Deuteranopia 1% of men
#d27b83 Tritanopia 0.001% of the population

Trichromacy

#887af4 Protanomaly 1% of men, 0.01% of women
#9b7cda Deuteranomaly 6% of men, 0.4% of women
#d66da6 Tritanomaly 0.01% of the population

#de54e3 hex color

#de54e3 Color Information

#de54e3 Color Conversion

Color Schemes with #de54e3

Alternatives to #de54e3

#de54e3 Preview

Shades and Tints of #de54e3

Tones of #de54e3

Color Blindness Simulator