#de54e0 hex color
In a RGB color space, hex #de54e0 is composed of 87.1% red, 32.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 0.9% cyan, 62.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 299.1 degrees, a saturation of 69.3% and a lightness of 60.4%. #de54e0 color hex could be obtained by blending #ffa8ff with #bd00c1. Closest websafe color is: #cc66cc.
-
- R 87
- G 33
- B 88
RGB color chart
-
- C 1
- M 63
- Y 0
- K 12
CMYK color chart
● #de54e0 color description : Soft magenta.
The hexadecimal color #de54e0 has RGB values of R:222, G:84, B:224 and CMYK values of C:0.01, M:0.63, Y:0, K:0.12. Its decimal value is 14570720.
Hex triplet | de54e0 | #de54e0 |
---|---|---|
RGB Decimal | 222, 84, 224 | rgb(222,84,224) |
RGB Percent | 87.1, 32.9, 87.8 | rgb(87.1%,32.9%,87.8%) |
CMYK | 1, 63, 0, 12 | |
HSL | 299.1°, 69.3, 60.4 | hsl(299.1,69.3%,60.4%) |
HSV (or HSB) | 299.1°, 62.5, 87.8 | |
Web Safe | cc66cc | #cc66cc |
CIE-LAB | 59.209, 70.501, -45.626 |
---|---|
XYZ | 46.748, 27.255, 73.315 |
xyY | 0.317, 0.185, 27.255 |
CIE-LCH | 59.209, 83.977, 327.091 |
CIE-LUV | 59.209, 60.788, -80.988 |
Hunter-Lab | 52.206, 68.477, -46.719 |
Binary | 11011110, 01010100, 11100000 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #de54e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #de54e0
This text has a font color of #de54e0.
<span style="color:#de54e0;">Text here</span>
#de54e0 background color
This paragraph has a background color of #de54e0.
<p style="background-color:#de54e0;">Content here</p>
#de54e0 border color
This element has a border color of #de54e0.
<div style="border:1px solid #de54e0;">Content here</div>
CSS codes
.text {color:#de54e0;}
.background {background-color:#de54e0;}
.border {border:1px solid #de54e0;}
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, #0c020c is the darkest color, while #fefafe is the lightest one.
-
#0c020c
#0c020c
rgb(12,2,12)
-
#1c051c
#1c051c
rgb(28,5,28)
-
#2c082d
#2c082d
rgb(44,8,45)
-
#3d0b3d
#3d0b3d
rgb(61,11,61)
-
#4d0e4e
#4d0e4e
rgb(77,14,78)
-
#5e115f
#5e115f
rgb(94,17,95)
-
#6e146f
#6e146f
rgb(110,20,111)
-
#7e1780
#7e1780
rgb(126,23,128)
-
#8f1a90
#8f1a90
rgb(143,26,144)
-
#9f1da1
#9f1da1
rgb(159,29,161)
-
#b020b2
#b020b2
rgb(176,32,178)
-
#c023c2
#c023c2
rgb(192,35,194)
-
#d026d3
#d026d3
rgb(208,38,211)
Shade Color Variation
-
#d833da
#d833da
rgb(216,51,218)
-
#db43dd
#db43dd
rgb(219,67,221)
-
#de54e0
#de54e0
rgb(222,84,224)
-
#e165e3
#e165e3
rgb(225,101,227)
-
#e475e6
#e475e6
rgb(228,117,230)
-
#e886e9
#e886e9
rgb(232,134,233)
-
#eb96ec
#eb96ec
rgb(235,150,236)
-
#eea7ef
#eea7ef
rgb(238,167,239)
-
#f1b8f2
#f1b8f2
rgb(241,184,242)
-
#f4c8f5
#f4c8f5
rgb(244,200,245)
-
#f8d9f8
#f8d9f8
rgb(248,217,248)
-
#fbe9fb
#fbe9fb
rgb(251,233,251)
-
#fefafe
#fefafe
rgb(254,250,254)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #9a9a9a is the less saturated color, while #f53df7 is the most saturated one.
-
#9a9a9a
#9a9a9a
rgb(154,154,154)
-
#a292a2
#a292a2
rgb(162,146,162)
-
#a98aaa
#a98aaa
rgb(169,138,170)
-
#b183b1
#b183b1
rgb(177,131,177)
-
#b87bb9
#b87bb9
rgb(184,123,185)
-
#c073c1
#c073c1
rgb(192,115,193)
-
#c76bc9
#c76bc9
rgb(199,107,201)
-
#cf64d0
#cf64d0
rgb(207,100,208)
-
#d65cd8
#d65cd8
rgb(214,92,216)
-
#de54e0
#de54e0
rgb(222,84,224)
-
#e64ce8
#e64ce8
rgb(230,76,232)
-
#ed44f0
#ed44f0
rgb(237,68,240)
-
#f53df7
#f53df7
rgb(245,61,247)
Tone Color Variation
Below, you can see how #de54e0 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
Dichromacy