#f45ffe hex color

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

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

● #f45ffe color description : Soft magenta.

The hexadecimal color #f45ffe has RGB values of R:244, G:95, B:254 and CMYK values of C:0.04, M:0.63, Y:0, K:0. Its decimal value is 16015358.

Hex triplet	f45ffe	`#f45ffe`
RGB Decimal	244, 95, 254	`rgb(244,95,254)`
RGB Percent	95.7, 37.3, 99.6	`rgb(95.7%,37.3%,99.6%)`
CMYK	4, 63, 0, 0
HSL	296.2°, 98.8, 68.4	`hsl(296.2,98.8%,68.4%)`
HSV (or HSB)	296.2°, 62.6, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.418, 76.277, -52.273
XYZ	59.288, 34.576, 97.312
xyY	0.31, 0.181, 34.576
CIE-LCH	65.418, 92.47, 325.577
CIE-LUV	65.418, 63.604, -94.053
Hunter-Lab	58.802, 77.074, -56.958
Binary	11110100, 01011111, 11111110

#f45ffe
```
#f45ffe rgb(244,95,254)
```
#69fe5f
```
#69fe5f rgb(105,254,95)
```

Complementary Color

#a55ffe
```
#a55ffe rgb(165,95,254)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#fe5fb9
```
#fe5fb9 rgb(254,95,185)
```

Analogous Color

#5ffea5
```
#5ffea5 rgb(95,254,165)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#b9fe5f
```
#b9fe5f rgb(185,254,95)
```

Split Complementary Color

#5ffef4
```
#5ffef4 rgb(95,254,244)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#fef45f
```
#fef45f rgb(254,244,95)
```

Triadic Color

#5f69fe
```
#5f69fe rgb(95,105,254)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#fef45f
```
#fef45f rgb(254,244,95)
```
#69fe5f
```
#69fe5f rgb(105,254,95)
```

Tetradic Color

#ef13fe
```
#ef13fe rgb(239,19,254)
```
#f12cfe
```
#f12cfe rgb(241,44,254)
```
#f246fe
```
#f246fe rgb(242,70,254)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#f678fe
```
#f678fe rgb(246,120,254)
```
#f792fe
```
#f792fe rgb(247,146,254)
```
#f9abfe
```
#f9abfe rgb(249,171,254)
```

Monochromatic Color

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

#cc5ffe
```
#cc5ffe rgb(204,95,254)
```
#da5ffe
```
#da5ffe rgb(218,95,254)
```
#e75ffe
```
#e75ffe rgb(231,95,254)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#fe5ffb
```
#fe5ffb rgb(254,95,251)
```
#fe5fee
```
#fe5fee rgb(254,95,238)
```
#fe5fe0
```
#fe5fe0 rgb(254,95,224)
```

Similar Colors

Text with hexadecimal color #f45ffe

This text has a font color of #f45ffe.

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

#f45ffe background color

This paragraph has a background color of #f45ffe.

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

#f45ffe border color

This element has a border color of #f45ffe.

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

CSS codes

.text {color:#f45ffe;}

.background {background-color:#f45ffe;}

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

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

#0e000f
```
#0e000f rgb(14,0,15)
```
#210023
```
#210023 rgb(33,0,35)
```
#330036
```
#330036 rgb(51,0,54)
```
#45004a
```
#45004a rgb(69,0,74)
```
#58015d
```
#58015d rgb(88,1,93)
```
#6a0171
```
#6a0171 rgb(106,1,113)
```
#7c0184
```
#7c0184 rgb(124,1,132)
```
#8e0198
```
#8e0198 rgb(142,1,152)
```
#a101ab
```
#a101ab rgb(161,1,171)
```
#b301bf
```
#b301bf rgb(179,1,191)
```
#c501d2
```
#c501d2 rgb(197,1,210)
```
#d801e6
```
#d801e6 rgb(216,1,230)
```
#ea02f9
```
#ea02f9 rgb(234,2,249)
```

Shade Color Variation

#ef11fe
```
#ef11fe rgb(239,17,254)
```
#f025fe
```
#f025fe rgb(240,37,254)
```
#f138fe
```
#f138fe rgb(241,56,254)
```
#f34cfe
```
#f34cfe rgb(243,76,254)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```
#f572fe
```
#f572fe rgb(245,114,254)
```
#f786fe
```
#f786fe rgb(247,134,254)
```
#f899fe
```
#f899fe rgb(248,153,254)
```
#f9adfe
```
#f9adfe rgb(249,173,254)
```
#fbc0ff
```
#fbc0ff rgb(251,192,255)
```
#fcd4ff
```
#fcd4ff rgb(252,212,255)
```
#fde7ff
```
#fde7ff rgb(253,231,255)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#b3a9b4
```
#b3a9b4 rgb(179,169,180)
```
#b8a3ba
```
#b8a3ba rgb(184,163,186)
```
#be9dc0
```
#be9dc0 rgb(190,157,192)
```
#c397c6
```
#c397c6 rgb(195,151,198)
```
#c991cc
```
#c991cc rgb(201,145,204)
```
#ce8ad3
```
#ce8ad3 rgb(206,138,211)
```
#d484d9
```
#d484d9 rgb(212,132,217)
```
#d97edf
```
#d97edf rgb(217,126,223)
```
#de78e5
```
#de78e5 rgb(222,120,229)
```
#e472eb
```
#e472eb rgb(228,114,235)
```
#e96bf2
```
#e96bf2 rgb(233,107,242)
```
#ef65f8
```
#ef65f8 rgb(239,101,248)
```
#f45ffe
```
#f45ffe rgb(244,95,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#af91b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79a1ff Protanopia 1% of men
#7fa3ed Deuteranopia 1% of men
#e58992 Tritanopia 0.001% of the population

Trichromacy

#a689fe Protanomaly 1% of men, 0.01% of women
#a98af3 Deuteranomaly 6% of men, 0.4% of women
#ea79b9 Tritanomaly 0.01% of the population

#f45ffe hex color

#f45ffe Color Information

#f45ffe Color Conversion

Color Schemes with #f45ffe

Alternatives to #f45ffe

#f45ffe Preview

Shades and Tints of #f45ffe

Tones of #f45ffe

Color Blindness Simulator