#f45bfd hex color

In a RGB color space, hex #f45bfd is composed of 95.7% red, 35.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 64% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.7 degrees, a saturation of 97.6% and a lightness of 67.5%. #f45bfd color hex could be obtained by blending #ffb6ff with #e900fb. Closest websafe color is: #ff66ff.

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

● #f45bfd color description : Soft magenta.

The hexadecimal color #f45bfd has RGB values of R:244, G:91, B:253 and CMYK values of C:0.04, M:0.64, Y:0, K:0.01. Its decimal value is 16014333.

Hex triplet	f45bfd	`#f45bfd`
RGB Decimal	244, 91, 253	`rgb(244,91,253)`
RGB Percent	95.7, 35.7, 99.2	`rgb(95.7%,35.7%,99.2%)`
CMYK	4, 64, 0, 1
HSL	296.7°, 97.6, 67.5	`hsl(296.7,97.6%,67.5%)`
HSV (or HSB)	296.7°, 64, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.812, 77.658, -52.683
XYZ	58.777, 33.81, 96.353
xyY	0.311, 0.179, 33.81
CIE-LCH	64.812, 93.842, 325.847
CIE-LUV	64.812, 64.998, -94.732
Hunter-Lab	58.147, 78.68, -57.545
Binary	11110100, 01011011, 11111101

#f45bfd
```
#f45bfd rgb(244,91,253)
```
#64fd5b
```
#64fd5b rgb(100,253,91)
```

Complementary Color

#a35bfd
```
#a35bfd rgb(163,91,253)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#fd5bb5
```
#fd5bb5 rgb(253,91,181)
```

Analogous Color

#5bfda3
```
#5bfda3 rgb(91,253,163)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#b5fd5b
```
#b5fd5b rgb(181,253,91)
```

Split Complementary Color

#5bfdf4
```
#5bfdf4 rgb(91,253,244)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#fdf45b
```
#fdf45b rgb(253,244,91)
```

Triadic Color

#5b64fd
```
#5b64fd rgb(91,100,253)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#fdf45b
```
#fdf45b rgb(253,244,91)
```
#64fd5b
```
#64fd5b rgb(100,253,91)
```

Tetradic Color

#ef0ffc
```
#ef0ffc rgb(239,15,252)
```
#f129fc
```
#f129fc rgb(241,41,252)
```
#f242fd
```
#f242fd rgb(242,66,253)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#f674fd
```
#f674fd rgb(246,116,253)
```
#f78dfe
```
#f78dfe rgb(247,141,254)
```
#f9a7fe
```
#f9a7fe rgb(249,167,254)
```

Monochromatic Color

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

#cc5bfd
```
#cc5bfd rgb(204,91,253)
```
#d95bfd
```
#d95bfd rgb(217,91,253)
```
#e75bfd
```
#e75bfd rgb(231,91,253)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#fd5bf9
```
#fd5bf9 rgb(253,91,249)
```
#fd5beb
```
#fd5beb rgb(253,91,235)
```
#fd5bde
```
#fd5bde rgb(253,91,222)
```

Similar Colors

Text with hexadecimal color #f45bfd

This text has a font color of #f45bfd.

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

#f45bfd background color

This paragraph has a background color of #f45bfd.

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

#f45bfd border color

This element has a border color of #f45bfd.

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

CSS codes

.text {color:#f45bfd;}

.background {background-color:#f45bfd;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c001e
```
#1c001e rgb(28,0,30)
```
#2e0131
```
#2e0131 rgb(46,1,49)
```
#410145
```
#410145 rgb(65,1,69)
```
#530158
```
#530158 rgb(83,1,88)
```
#65016b
```
#65016b rgb(101,1,107)
```
#78027f
```
#78027f rgb(120,2,127)
```
#8a0292
```
#8a0292 rgb(138,2,146)
```
#9c02a5
```
#9c02a5 rgb(156,2,165)
```
#af02b9
```
#af02b9 rgb(175,2,185)
```
#c102cc
```
#c102cc rgb(193,2,204)
```
#d303e0
```
#d303e0 rgb(211,3,224)
```
#e603f3
```
#e603f3 rgb(230,3,243)
```

Shade Color Variation

#ef0dfc
```
#ef0dfc rgb(239,13,252)
```
#f021fc
```
#f021fc rgb(240,33,252)
```
#f134fd
```
#f134fd rgb(241,52,253)
```
#f348fd
```
#f348fd rgb(243,72,253)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```
#f56efd
```
#f56efd rgb(245,110,253)
```
#f782fd
```
#f782fd rgb(247,130,253)
```
#f895fe
```
#f895fe rgb(248,149,254)
```
#f9a9fe
```
#f9a9fe rgb(249,169,254)
```
#fabcfe
```
#fabcfe rgb(250,188,254)
```
#fccffe
```
#fccffe rgb(252,207,254)
```
#fde3ff
```
#fde3ff rgb(253,227,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#b0a8b0
```
#b0a8b0 rgb(176,168,176)
```
#b6a1b7
```
#b6a1b7 rgb(182,161,183)
```
#bb9bbd
```
#bb9bbd rgb(187,155,189)
```
#c194c4
```
#c194c4 rgb(193,148,196)
```
#c78eca
```
#c78eca rgb(199,142,202)
```
#cc88d0
```
#cc88d0 rgb(204,136,208)
```
#d281d7
```
#d281d7 rgb(210,129,215)
```
#d87bdd
```
#d87bdd rgb(216,123,221)
```
#dd75e3
```
#dd75e3 rgb(221,117,227)
```
#e36eea
```
#e36eea rgb(227,110,234)
```
#e968f0
```
#e968f0 rgb(233,104,240)
```
#ee61f7
```
#ee61f7 rgb(238,97,247)
```
#f45bfd
```
#f45bfd rgb(244,91,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ad8eaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#769fff Protanopia 1% of men
#7ca1eb Deuteranopia 1% of men
#e5868f Tritanopia 0.001% of the population

Trichromacy

#a486fe Protanomaly 1% of men, 0.01% of women
#a888f2 Deuteranomaly 6% of men, 0.4% of women
#ea76b7 Tritanomaly 0.01% of the population

#f45bfd hex color

#f45bfd Color Information

#f45bfd Color Conversion

Color Schemes with #f45bfd

Alternatives to #f45bfd

#f45bfd Preview

Shades and Tints of #f45bfd

Tones of #f45bfd

Color Blindness Simulator