#f45bff hex color

In a RGB color space, hex #f45bff is composed of 95.7% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 296 degrees, a saturation of 100% and a lightness of 67.8%. #f45bff color hex could be obtained by blending #ffb6ff with #e900ff. Closest websafe color is: #ff66ff.

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

● #f45bff color description : Light magenta.

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

Hex triplet	f45bff	`#f45bff`
RGB Decimal	244, 91, 255	`rgb(244,91,255)`
RGB Percent	95.7, 35.7, 100	`rgb(95.7%,35.7%,100%)`
CMYK	4, 64, 0, 0
HSL	296°, 100, 67.8	`hsl(296,100%,67.8%)`
HSV (or HSB)	296°, 64.3, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.914, 77.991, -53.621
XYZ	59.098, 33.938, 98.04
xyY	0.309, 0.178, 33.938
CIE-LCH	64.914, 94.646, 325.49
CIE-LUV	64.914, 64.389, -96.296
Hunter-Lab	58.257, 79.127, -58.999
Binary	11110100, 01011011, 11111111

#f45bff
```
#f45bff rgb(244,91,255)
```
#66ff5b
```
#66ff5b rgb(102,255,91)
```

Complementary Color

#a25bff
```
#a25bff rgb(162,91,255)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#ff5bb8
```
#ff5bb8 rgb(255,91,184)
```

Analogous Color

#5bffa2
```
#5bffa2 rgb(91,255,162)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#b8ff5b
```
#b8ff5b rgb(184,255,91)
```

Split Complementary Color

#5bfff4
```
#5bfff4 rgb(91,255,244)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#fff45b
```
#fff45b rgb(255,244,91)
```

Triadic Color

#5b66ff
```
#5b66ff rgb(91,102,255)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#fff45b
```
#fff45b rgb(255,244,91)
```
#66ff5b
```
#66ff5b rgb(102,255,91)
```

Tetradic Color

#ef0fff
```
#ef0fff rgb(239,15,255)
```
#f128ff
```
#f128ff rgb(241,40,255)
```
#f242ff
```
#f242ff rgb(242,66,255)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#f675ff
```
#f675ff rgb(246,117,255)
```
#f78eff
```
#f78eff rgb(247,142,255)
```
#f9a8ff
```
#f9a8ff rgb(249,168,255)
```

Monochromatic Color

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

#cb5bff
```
#cb5bff rgb(203,91,255)
```
#d95bff
```
#d95bff rgb(217,91,255)
```
#e65bff
```
#e65bff rgb(230,91,255)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#ff5bfc
```
#ff5bfc rgb(255,91,252)
```
#ff5bef
```
#ff5bef rgb(255,91,239)
```
#ff5be1
```
#ff5be1 rgb(255,91,225)
```

Similar Colors

Text with hexadecimal color #f45bff

This text has a font color of #f45bff.

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

#f45bff background color

This paragraph has a background color of #f45bff.

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

#f45bff border color

This element has a border color of #f45bff.

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

CSS codes

.text {color:#f45bff;}

.background {background-color:#f45bff;}

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

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

#0c000d
```
#0c000d rgb(12,0,13)
```
#1e0020
```
#1e0020 rgb(30,0,32)
```
#300034
```
#300034 rgb(48,0,52)
```
#430047
```
#430047 rgb(67,0,71)
```
#55005b
```
#55005b rgb(85,0,91)
```
#67006f
```
#67006f rgb(103,0,111)
```
#790082
```
#790082 rgb(121,0,130)
```
#8c0096
```
#8c0096 rgb(140,0,150)
```
#9e00a9
```
#9e00a9 rgb(158,0,169)
```
#b000bd
```
#b000bd rgb(176,0,189)
```
#c300d1
```
#c300d1 rgb(195,0,209)
```
#d500e4
```
#d500e4 rgb(213,0,228)
```
#e700f8
```
#e700f8 rgb(231,0,248)
```

Shade Color Variation

#ef0dff
```
#ef0dff rgb(239,13,255)
```
#f020ff
```
#f020ff rgb(240,32,255)
```
#f134ff
```
#f134ff rgb(241,52,255)
```
#f347ff
```
#f347ff rgb(243,71,255)
```
#f45bff
```
#f45bff rgb(244,91,255)
```
#f56fff
```
#f56fff rgb(245,111,255)
```
#f782ff
```
#f782ff rgb(247,130,255)
```
#f896ff
```
#f896ff rgb(248,150,255)
```
#f9a9ff
```
#f9a9ff rgb(249,169,255)
```
#fbbdff
```
#fbbdff rgb(251,189,255)
```
#fcd1ff
```
#fcd1ff rgb(252,209,255)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#b2a7b3
```
#b2a7b3 rgb(178,167,179)
```
#b8a0ba
```
#b8a0ba rgb(184,160,186)
```
#bd9ac0
```
#bd9ac0 rgb(189,154,192)
```
#c394c6
```
#c394c6 rgb(195,148,198)
```
#c88dcd
```
#c88dcd rgb(200,141,205)
```
#ce87d3
```
#ce87d3 rgb(206,135,211)
```
#d381d9
```
#d381d9 rgb(211,129,217)
```
#d97bdf
```
#d97bdf rgb(217,123,223)
```
#de74e6
```
#de74e6 rgb(222,116,230)
```
#e46eec
```
#e46eec rgb(228,110,236)
```
#e968f2
```
#e968f2 rgb(233,104,242)
```
#ef61f9
```
#ef61f9 rgb(239,97,249)
```
#f45bff
```
#f45bff rgb(244,91,255)
```

Tone Color Variation

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

#779fff Protanopia 1% of men
#7ba2ed Deuteranopia 1% of men
#e58790 Tritanopia 0.001% of the population

Trichromacy

#a486ff Protanomaly 1% of men, 0.01% of women
#a788f3 Deuteranomaly 6% of men, 0.4% of women
#ea77b8 Tritanomaly 0.01% of the population

#f45bff hex color

#f45bff Color Information

#f45bff Color Conversion

Color Schemes with #f45bff

Alternatives to #f45bff

#f45bff Preview

Shades and Tints of #f45bff

Tones of #f45bff

Color Blindness Simulator