#f258f5 hex color

In a RGB color space, hex #f258f5 is composed of 94.9% red, 34.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 64.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 298.9 degrees, a saturation of 88.7% and a lightness of 65.3%. #f258f5 color hex could be obtained by blending #ffb0ff with #e500eb. Closest websafe color is: #ff66ff.

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

● #f258f5 color description : Soft magenta.

The hexadecimal color #f258f5 has RGB values of R:242, G:88, B:245 and CMYK values of C:0.01, M:0.64, Y:0, K:0.04. Its decimal value is 15882485.

Hex triplet	f258f5	`#f258f5`
RGB Decimal	242, 88, 245	`rgb(242,88,245)`
RGB Percent	94.9, 34.5, 96.1	`rgb(94.9%,34.5%,96.1%)`
CMYK	1, 64, 0, 4
HSL	298.9°, 88.7, 65.3	`hsl(298.9,88.7%,65.3%)`
HSV (or HSB)	298.9°, 64.1, 96.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.715, 77.028, -50.024
XYZ	56.588, 32.453, 89.665
xyY	0.317, 0.182, 32.453
CIE-LCH	63.715, 91.846, 326.999
CIE-LUV	63.715, 66.919, -90.122
Hunter-Lab	56.967, 77.619, -53.444
Binary	11110010, 01011000, 11110101

#f258f5
```
#f258f5 rgb(242,88,245)
```
#5bf558
```
#5bf558 rgb(91,245,88)
```

Complementary Color

#a458f5
```
#a458f5 rgb(164,88,245)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f558aa
```
#f558aa rgb(245,88,170)
```

Analogous Color

#58f5a4
```
#58f5a4 rgb(88,245,164)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#aaf558
```
#aaf558 rgb(170,245,88)
```

Split Complementary Color

#58f5f2
```
#58f5f2 rgb(88,245,242)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f5f258
```
#f5f258 rgb(245,242,88)
```

Triadic Color

#585bf5
```
#585bf5 rgb(88,91,245)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f5f258
```
#f5f258 rgb(245,242,88)
```
#5bf558
```
#5bf558 rgb(91,245,88)
```

Tetradic Color

#ec10f1
```
#ec10f1 rgb(236,16,241)
```
#ee28f2
```
#ee28f2 rgb(238,40,242)
```
#f040f4
```
#f040f4 rgb(240,64,244)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f470f6
```
#f470f6 rgb(244,112,246)
```
#f688f8
```
#f688f8 rgb(246,136,248)
```
#f8a0f9
```
#f8a0f9 rgb(248,160,249)
```

Monochromatic Color

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

#cb58f5
```
#cb58f5 rgb(203,88,245)
```
#d858f5
```
#d858f5 rgb(216,88,245)
```
#e558f5
```
#e558f5 rgb(229,88,245)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f558eb
```
#f558eb rgb(245,88,235)
```
#f558de
```
#f558de rgb(245,88,222)
```
#f558d1
```
#f558d1 rgb(245,88,209)
```

Similar Colors

Text with hexadecimal color #f258f5

This text has a font color of #f258f5.

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

#f258f5 background color

This paragraph has a background color of #f258f5.

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

#f258f5 border color

This element has a border color of #f258f5.

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

CSS codes

.text {color:#f258f5;}

.background {background-color:#f258f5;}

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

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

#120112
```
#120112 rgb(18,1,18)
```
#240225
```
#240225 rgb(36,2,37)
```
#360337
```
#360337 rgb(54,3,55)
```
#48044a
```
#48044a rgb(72,4,74)
```
#5a065c
```
#5a065c rgb(90,6,92)
```
#6d076f
```
#6d076f rgb(109,7,111)
```
#7f0881
```
#7f0881 rgb(127,8,129)
```
#910994
```
#910994 rgb(145,9,148)
```
#a30aa6
```
#a30aa6 rgb(163,10,166)
```
#b50bb9
```
#b50bb9 rgb(181,11,185)
```
#c70ccb
```
#c70ccb rgb(199,12,203)
```
#da0dde
```
#da0dde rgb(218,13,222)
```
#ec0ef0
```
#ec0ef0 rgb(236,14,240)
```

Shade Color Variation

#ee20f2
```
#ee20f2 rgb(238,32,242)
```
#ef33f3
```
#ef33f3 rgb(239,51,243)
```
#f145f4
```
#f145f4 rgb(241,69,244)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f36bf6
```
#f36bf6 rgb(243,107,246)
```
#f57df7
```
#f57df7 rgb(245,125,247)
```
#f690f8
```
#f690f8 rgb(246,144,248)
```
#f8a2f9
```
#f8a2f9 rgb(248,162,249)
```
#f9b5fb
```
#f9b5fb rgb(249,181,251)
```
#fbc7fc
```
#fbc7fc rgb(251,199,252)
```
#fcdafd
```
#fcdafd rgb(252,218,253)
```
#feecfe
```
#feecfe rgb(254,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaa3aa
```
#aaa3aa rgb(170,163,170)
```
#b19cb1
```
#b19cb1 rgb(177,156,177)
```
#b795b8
```
#b795b8 rgb(183,149,184)
```
#be8ebf
```
#be8ebf rgb(190,142,191)
```
#c488c5
```
#c488c5 rgb(196,136,197)
```
#cb81cc
```
#cb81cc rgb(203,129,204)
```
#d17ad3
```
#d17ad3 rgb(209,122,211)
```
#d873da
```
#d873da rgb(216,115,218)
```
#de6ce1
```
#de6ce1 rgb(222,108,225)
```
#e566e7
```
#e566e7 rgb(229,102,231)
```
#eb5fee
```
#eb5fee rgb(235,95,238)
```
#f258f5
```
#f258f5 rgb(242,88,245)
```
#f951fc
```
#f951fc rgb(249,81,252)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#aa8bab Atypical Achromatopsia 0.001% of the population

Dichromacy

#719cff Protanopia 1% of men
#7e9ee4 Deuteranopia 1% of men
#e4828b Tritanopia 0.001% of the population

Trichromacy

#9f83fb Protanomaly 1% of men, 0.01% of women
#a885ea Deuteranomaly 6% of men, 0.4% of women
#e973b1 Tritanomaly 0.01% of the population

#f258f5 hex color

#f258f5 Color Information

#f258f5 Color Conversion

Color Schemes with #f258f5

Alternatives to #f258f5

#f258f5 Preview

Shades and Tints of #f258f5

Tones of #f258f5

Color Blindness Simulator