#d457f2 hex color

In a RGB color space, hex #d457f2 is composed of 83.1% red, 34.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 64% magenta, 0% yellow and 5.1% black. It has a hue angle of 288.4 degrees, a saturation of 85.6% and a lightness of 64.5%. #d457f2 color hex could be obtained by blending #ffaeff with #a900e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 83
- G 34
- B 95
RGB color chart
- C 12
- M 64
- Y 0
- K 5
CMYK color chart

● #d457f2 color description : Soft magenta.

The hexadecimal color #d457f2 has RGB values of R:212, G:87, B:242 and CMYK values of C:0.12, M:0.64, Y:0, K:0.05. Its decimal value is 13916146.

Hex triplet	d457f2	`#d457f2`
RGB Decimal	212, 87, 242	`rgb(212,87,242)`
RGB Percent	83.1, 34.1, 94.9	`rgb(83.1%,34.1%,94.9%)`
CMYK	12, 64, 0, 5
HSL	288.4°, 85.6, 64.5	`hsl(288.4,85.6%,64.5%)`
HSV (or HSB)	288.4°, 64, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.183, 70.155, -55.82
XYZ	46.585, 27.226, 86.801
xyY	0.29, 0.17, 27.226
CIE-LCH	59.183, 89.652, 321.492
CIE-LUV	59.183, 48.19, -96.797
Hunter-Lab	52.179, 68.05, -62.105
Binary	11010100, 01010111, 11110010

#d457f2
```
#d457f2 rgb(212,87,242)
```
#75f257
```
#75f257 rgb(117,242,87)
```

Complementary Color

#8757f2
```
#8757f2 rgb(135,87,242)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#f257c3
```
#f257c3 rgb(242,87,195)
```

Analogous Color

#57f287
```
#57f287 rgb(87,242,135)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#c3f257
```
#c3f257 rgb(195,242,87)
```

Split Complementary Color

#57f2d4
```
#57f2d4 rgb(87,242,212)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#f2d457
```
#f2d457 rgb(242,212,87)
```

Triadic Color

#5775f2
```
#5775f2 rgb(87,117,242)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#f2d457
```
#f2d457 rgb(242,212,87)
```
#75f257
```
#75f257 rgb(117,242,87)
```

Tetradic Color

#c112ea
```
#c112ea rgb(193,18,234)
```
#c828ee
```
#c828ee rgb(200,40,238)
```
#ce3ff0
```
#ce3ff0 rgb(206,63,240)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#da6ff4
```
#da6ff4 rgb(218,111,244)
```
#e086f6
```
#e086f6 rgb(224,134,246)
```
#e69ef7
```
#e69ef7 rgb(230,158,247)
```

Monochromatic Color

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

#ad57f2
```
#ad57f2 rgb(173,87,242)
```
#ba57f2
```
#ba57f2 rgb(186,87,242)
```
#c757f2
```
#c757f2 rgb(199,87,242)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#e157f2
```
#e157f2 rgb(225,87,242)
```
#ee57f2
```
#ee57f2 rgb(238,87,242)
```
#f257e9
```
#f257e9 rgb(242,87,233)
```

Similar Colors

Text with hexadecimal color #d457f2

This text has a font color of #d457f2.

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

#d457f2 background color

This paragraph has a background color of #d457f2.

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

#d457f2 border color

This element has a border color of #d457f2.

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

CSS codes

.text {color:#d457f2;}

.background {background-color:#d457f2;}

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

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

#0c010e
```
#0c010e rgb(12,1,14)
```
#1b0220
```
#1b0220 rgb(27,2,32)
```
#290432
```
#290432 rgb(41,4,50)
```
#380545
```
#380545 rgb(56,5,69)
```
#470757
```
#470757 rgb(71,7,87)
```
#560869
```
#560869 rgb(86,8,105)
```
#650a7b
```
#650a7b rgb(101,10,123)
```
#740b8e
```
#740b8e rgb(116,11,142)
```
#830ca0
```
#830ca0 rgb(131,12,160)
```
#920eb2
```
#920eb2 rgb(146,14,178)
```
#a10fc4
```
#a10fc4 rgb(161,15,196)
```
#b011d6
```
#b011d6 rgb(176,17,214)
```
#bf12e9
```
#bf12e9 rgb(191,18,233)
```

Shade Color Variation

#c620ee
```
#c620ee rgb(198,32,238)
```
#cb33ef
```
#cb33ef rgb(203,51,239)
```
#cf45f1
```
#cf45f1 rgb(207,69,241)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#d969f3
```
#d969f3 rgb(217,105,243)
```
#dd7bf5
```
#dd7bf5 rgb(221,123,245)
```
#e28ef6
```
#e28ef6 rgb(226,142,246)
```
#e7a0f8
```
#e7a0f8 rgb(231,160,248)
```
#ebb2f9
```
#ebb2f9 rgb(235,178,249)
```
#f0c4fa
```
#f0c4fa rgb(240,196,250)
```
#f5d6fc
```
#f5d6fc rgb(245,214,252)
```
#f9e9fd
```
#f9e9fd rgb(249,233,253)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#a5a4a5
```
#a5a4a5 rgb(165,164,165)
```
#a99dac
```
#a99dac rgb(169,157,172)
```
#ae96b3
```
#ae96b3 rgb(174,150,179)
```
#b28fba
```
#b28fba rgb(178,143,186)
```
#b688c1
```
#b688c1 rgb(182,136,193)
```
#ba81c8
```
#ba81c8 rgb(186,129,200)
```
#bf7acf
```
#bf7acf rgb(191,122,207)
```
#c373d6
```
#c373d6 rgb(195,115,214)
```
#c76cdd
```
#c76cdd rgb(199,108,221)
```
#cb65e4
```
#cb65e4 rgb(203,101,228)
```
#d05eeb
```
#d05eeb rgb(208,94,235)
```
#d457f2
```
#d457f2 rgb(212,87,242)
```
#d850f9
```
#d850f9 rgb(216,80,249)
```

Tone Color Variation

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

Dichromacy

#5690ff Protanopia 1% of men
#6294e2 Deuteranopia 1% of men
#c5818a Tritanopia 0.001% of the population

Trichromacy

#847bfa Protanomaly 1% of men, 0.01% of women
#8c7ee8 Deuteranomaly 6% of men, 0.4% of women
#ca71af Tritanomaly 0.01% of the population

#d457f2 hex color

#d457f2 Color Information

#d457f2 Color Conversion

Color Schemes with #d457f2

Alternatives to #d457f2

#d457f2 Preview

Shades and Tints of #d457f2

Tones of #d457f2

Color Blindness Simulator