#df54f3 Color Information
In a RGB color space, hex #df54f3 is composed of 87.5% red, 32.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 65.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 292.5 degrees, a saturation of 86.9% and a lightness of 64.1%. #df54f3 color hex could be obtained by blending #ffa8ff with #bf00e7. Closest websafe color is: #cc66ff.
-
- R 87
- G 33
- B 95
-
- C 8
- M 65
- Y 0
- K 5
● #df54f3 color description : Soft magenta.
#df54f3 Color Conversion
The hexadecimal color #df54f3 has RGB values of R:223, G:84, B:243 and CMYK values of C:0.08, M:0.65, Y:0, K:0.05. Its decimal value is 14636275.
Hex triplet | df54f3 | #df54f3 |
---|---|---|
RGB Decimal | 223, 84, 243 | rgb(223,84,243) |
RGB Percent | 87.5, 32.9, 95.3 | rgb(87.5%,32.9%,95.3%) |
CMYK | 8, 65, 0, 5 | |
HSL | 292.5°, 86.9, 64.1 | hsl(292.5,86.9%,64.1%) |
HSV (or HSB) | 292.5°, 65.4, 95.3 | |
Web Safe | cc66ff | #cc66ff |
CIE-LAB | 60.34, 73.978, -54.442 |
---|---|
XYZ | 49.778, 28.502, 87.669 |
xyY | 0.3, 0.172, 28.502 |
CIE-LCH | 60.34, 91.851, 323.65 |
CIE-LUV | 60.34, 55.783, -95.571 |
Hunter-Lab | 53.387, 73.003, -59.99 |
Binary | 11011111, 01010100, 11110011 |
Color Schemes with #df54f3
Alternatives to #df54f3
Below, you can see some colors close to #df54f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#df54f3 Preview
This text has a font color of #df54f3.
<span style="color:#df54f3;">Text here</span>
This paragraph has a background color of #df54f3.
<p style="background-color:#df54f3;">Content here</p>
This element has a border color of #df54f3.
<div style="border:1px solid #df54f3;">Content here</div>
.text {color:#df54f3;}
.background {background-color:#df54f3;}
.border {border:1px solid #df54f3;}
Shades and Tints of #df54f3
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, #0b010c is the darkest color, while #fef9ff is the lightest one.
-
#0b010c
#0b010c
rgb(11,1,12)
-
#1b021f
#1b021f
rgb(27,2,31)
-
#2b0331
#2b0331
rgb(43,3,49)
-
#3b0543
#3b0543
rgb(59,5,67)
-
#4c0656
#4c0656
rgb(76,6,86)
-
#5c0768
#5c0768
rgb(92,7,104)
-
#6c097a
#6c097a
rgb(108,9,122)
-
#7c0a8d
#7c0a8d
rgb(124,10,141)
-
#8c0b9f
#8c0b9f
rgb(140,11,159)
-
#9d0cb1
#9d0cb1
rgb(157,12,177)
-
#ad0ec4
#ad0ec4
rgb(173,14,196)
-
#bd0fd6
#bd0fd6
rgb(189,15,214)
-
#cd10e8
#cd10e8
rgb(205,16,232)
-
#d51def
#d51def
rgb(213,29,239)
-
#d82ff0
#d82ff0
rgb(216,47,240)
-
#dc42f2
#dc42f2
rgb(220,66,242)
-
#df54f3
#df54f3
rgb(223,84,243)
-
#e266f4
#e266f4
rgb(226,102,244)
-
#e679f6
#e679f6
rgb(230,121,246)
-
#e98bf7
#e98bf7
rgb(233,139,247)
-
#ed9df8
#ed9df8
rgb(237,157,248)
-
#f0b0f9
#f0b0f9
rgb(240,176,249)
-
#f4c2fb
#f4c2fb
rgb(244,194,251)
-
#f7d4fc
#f7d4fc
rgb(247,212,252)
-
#fae7fd
#fae7fd
rgb(250,231,253)
-
#fef9ff
#fef9ff
rgb(254,249,255)
Tones of #df54f3
A tone is produced by adding gray to any pure hue. In this case, #a5a1a6 is the less saturated color, while #e44dfa is the most saturated one.
-
#a5a1a6
#a5a1a6
rgb(165,161,166)
-
#aa9aad
#aa9aad
rgb(170,154,173)
-
#b093b4
#b093b4
rgb(176,147,180)
-
#b58cbb
#b58cbb
rgb(181,140,187)
-
#ba85c2
#ba85c2
rgb(186,133,194)
-
#bf7ec9
#bf7ec9
rgb(191,126,201)
-
#c577d0
#c577d0
rgb(197,119,208)
-
#ca70d7
#ca70d7
rgb(202,112,215)
-
#cf69de
#cf69de
rgb(207,105,222)
-
#d462e5
#d462e5
rgb(212,98,229)
-
#da5bec
#da5bec
rgb(218,91,236)
-
#df54f3
#df54f3
rgb(223,84,243)
-
#e44dfa
#e44dfa
rgb(228,77,250)
Color Blindness Simulator
Below, you can see how #df54f3 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.