#f458fe hex color

In a RGB color space, hex #f458fe is composed of 95.7% red, 34.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 65.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 296.4 degrees, a saturation of 98.8% and a lightness of 67.1%. #f458fe color hex could be obtained by blending #ffb0ff with #e900fd. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 35
- B 100
RGB color chart
- C 4
- M 65
- Y 0
- K 0
CMYK color chart

● #f458fe color description : Soft magenta.

The hexadecimal color #f458fe has RGB values of R:244, G:88, B:254 and CMYK values of C:0.04, M:0.65, Y:0, K:0. Its decimal value is 16013566.

Hex triplet	f458fe	`#f458fe`
RGB Decimal	244, 88, 254	`rgb(244,88,254)`
RGB Percent	95.7, 34.5, 99.6	`rgb(95.7%,34.5%,99.6%)`
CMYK	4, 65, 0, 0
HSL	296.4°, 98.8, 67.1	`hsl(296.4,98.8%,67.1%)`
HSV (or HSB)	296.4°, 65.4, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.461, 78.95, -53.79
XYZ	58.686, 33.372, 97.111
xyY	0.31, 0.176, 33.372
CIE-LCH	64.461, 95.533, 325.733
CIE-LUV	64.461, 65.477, -96.567
Hunter-Lab	57.768, 80.241, -59.232
Binary	11110100, 01011000, 11111110

#f458fe
```
#f458fe rgb(244,88,254)
```
#62fe58
```
#62fe58 rgb(98,254,88)
```

Complementary Color

#a158fe
```
#a158fe rgb(161,88,254)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#fe58b5
```
#fe58b5 rgb(254,88,181)
```

Analogous Color

#58fea1
```
#58fea1 rgb(88,254,161)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#b5fe58
```
#b5fe58 rgb(181,254,88)
```

Split Complementary Color

#58fef4
```
#58fef4 rgb(88,254,244)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#fef458
```
#fef458 rgb(254,244,88)
```

Triadic Color

#5862fe
```
#5862fe rgb(88,98,254)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#fef458
```
#fef458 rgb(254,244,88)
```
#62fe58
```
#62fe58 rgb(98,254,88)
```

Tetradic Color

#ef0cfe
```
#ef0cfe rgb(239,12,254)
```
#f125fe
```
#f125fe rgb(241,37,254)
```
#f23ffe
```
#f23ffe rgb(242,63,254)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#f671fe
```
#f671fe rgb(246,113,254)
```
#f78bfe
```
#f78bfe rgb(247,139,254)
```
#f9a4fe
```
#f9a4fe rgb(249,164,254)
```

Monochromatic Color

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

#cb58fe
```
#cb58fe rgb(203,88,254)
```
#d858fe
```
#d858fe rgb(216,88,254)
```
#e658fe
```
#e658fe rgb(230,88,254)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#fe58fa
```
#fe58fa rgb(254,88,250)
```
#fe58ec
```
#fe58ec rgb(254,88,236)
```
#fe58df
```
#fe58df rgb(254,88,223)
```

Similar Colors

Text with hexadecimal color #f458fe

This text has a font color of #f458fe.

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

#f458fe background color

This paragraph has a background color of #f458fe.

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

#f458fe border color

This element has a border color of #f458fe.

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

CSS codes

.text {color:#f458fe;}

.background {background-color:#f458fe;}

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

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, #080008 is the darkest color, while #fef4ff is the lightest one.

#080008
```
#080008 rgb(8,0,8)
```
#1a001c
```
#1a001c rgb(26,0,28)
```
#2d002f
```
#2d002f rgb(45,0,47)
```
#3f0043
```
#3f0043 rgb(63,0,67)
```
#510156
```
#510156 rgb(81,1,86)
```
#64016a
```
#64016a rgb(100,1,106)
```
#76017d
```
#76017d rgb(118,1,125)
```
#880191
```
#880191 rgb(136,1,145)
```
#9b01a4
```
#9b01a4 rgb(155,1,164)
```
#ad01b8
```
#ad01b8 rgb(173,1,184)
```
#bf01cb
```
#bf01cb rgb(191,1,203)
```
#d201df
```
#d201df rgb(210,1,223)
```
#e401f2
```
#e401f2 rgb(228,1,242)
```

Shade Color Variation

#ef0afe
```
#ef0afe rgb(239,10,254)
```
#f01efe
```
#f01efe rgb(240,30,254)
```
#f131fe
```
#f131fe rgb(241,49,254)
```
#f345fe
```
#f345fe rgb(243,69,254)
```
#f458fe
```
#f458fe rgb(244,88,254)
```
#f56bfe
```
#f56bfe rgb(245,107,254)
```
#f77ffe
```
#f77ffe rgb(247,127,254)
```
#f892fe
```
#f892fe rgb(248,146,254)
```
#f9a6fe
```
#f9a6fe rgb(249,166,254)
```
#fab9ff
```
#fab9ff rgb(250,185,255)
```
#fccdff
```
#fccdff rgb(252,205,255)
```
#fde0ff
```
#fde0ff rgb(253,224,255)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#b0a6b0
```
#b0a6b0 rgb(176,166,176)
```
#b59fb7
```
#b59fb7 rgb(181,159,183)
```
#bb99bd
```
#bb99bd rgb(187,153,189)
```
#c192c4
```
#c192c4 rgb(193,146,196)
```
#c78cca
```
#c78cca rgb(199,140,202)
```
#cc85d1
```
#cc85d1 rgb(204,133,209)
```
#d27fd7
```
#d27fd7 rgb(210,127,215)
```
#d878de
```
#d878de rgb(216,120,222)
```
#dd72e4
```
#dd72e4 rgb(221,114,228)
```
#e36beb
```
#e36beb rgb(227,107,235)
```
#e965f1
```
#e965f1 rgb(233,101,241)
```
#ee5ef8
```
#ee5ef8 rgb(238,94,248)
```
#f458fe
```
#f458fe rgb(244,88,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ac8dae Atypical Achromatopsia 0.001% of the population

Dichromacy

#749eff Protanopia 1% of men
#7aa1ec Deuteranopia 1% of men
#e5858e Tritanopia 0.001% of the population

Trichromacy

#a384fe Protanomaly 1% of men, 0.01% of women
#a686f2 Deuteranomaly 6% of men, 0.4% of women
#ea74b6 Tritanomaly 0.01% of the population

#f458fe hex color

#f458fe Color Information

#f458fe Color Conversion

Color Schemes with #f458fe

Alternatives to #f458fe

#f458fe Preview

Shades and Tints of #f458fe

Tones of #f458fe

Color Blindness Simulator