#f45fff hex color

In a RGB color space, hex #f45fff is composed of 95.7% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 295.9 degrees, a saturation of 100% and a lightness of 68.6%. #f45fff color hex could be obtained by blending #ffbeff with #e900ff. 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

● #f45fff color description : Light magenta.

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

Hex triplet	f45fff	`#f45fff`
RGB Decimal	244, 95, 255	`rgb(244,95,255)`
RGB Percent	95.7, 37.3, 100	`rgb(95.7%,37.3%,100%)`
CMYK	4, 63, 0, 0
HSL	295.9°, 100, 68.6	`hsl(295.9,100%,68.6%)`
HSV (or HSB)	295.9°, 62.7, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.468, 76.446, -52.743
XYZ	59.449, 34.641, 98.157
xyY	0.309, 0.18, 34.641
CIE-LCH	65.468, 92.875, 325.397
CIE-LUV	65.468, 63.306, -94.839
Hunter-Lab	58.856, 77.298, -57.681
Binary	11110100, 01011111, 11111111

#f45fff
```
#f45fff rgb(244,95,255)
```
#6aff5f
```
#6aff5f rgb(106,255,95)
```

Complementary Color

#a45fff
```
#a45fff rgb(164,95,255)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#ff5fba
```
#ff5fba rgb(255,95,186)
```

Analogous Color

#5fffa4
```
#5fffa4 rgb(95,255,164)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#baff5f
```
#baff5f rgb(186,255,95)
```

Split Complementary Color

#5ffff4
```
#5ffff4 rgb(95,255,244)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#fff45f
```
#fff45f rgb(255,244,95)
```

Triadic Color

#5f6aff
```
#5f6aff rgb(95,106,255)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#fff45f
```
#fff45f rgb(255,244,95)
```
#6aff5f
```
#6aff5f rgb(106,255,95)
```

Tetradic Color

#ef13ff
```
#ef13ff rgb(239,19,255)
```
#f02cff
```
#f02cff rgb(240,44,255)
```
#f246ff
```
#f246ff rgb(242,70,255)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#f679ff
```
#f679ff rgb(246,121,255)
```
#f892ff
```
#f892ff rgb(248,146,255)
```
#f9acff
```
#f9acff rgb(249,172,255)
```

Monochromatic Color

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

#cc5fff
```
#cc5fff rgb(204,95,255)
```
#d95fff
```
#d95fff rgb(217,95,255)
```
#e75fff
```
#e75fff rgb(231,95,255)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#ff5ffd
```
#ff5ffd rgb(255,95,253)
```
#ff5fef
```
#ff5fef rgb(255,95,239)
```
#ff5fe2
```
#ff5fe2 rgb(255,95,226)
```

Similar Colors

Text with hexadecimal color #f45fff

This text has a font color of #f45fff.

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

#f45fff background color

This paragraph has a background color of #f45fff.

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

#f45fff border color

This element has a border color of #f45fff.

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

CSS codes

.text {color:#f45fff;}

.background {background-color:#f45fff;}

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

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

#0f0011
```
#0f0011 rgb(15,0,17)
```
#220024
```
#220024 rgb(34,0,36)
```
#340038
```
#340038 rgb(52,0,56)
```
#46004b
```
#46004b rgb(70,0,75)
```
#58005f
```
#58005f rgb(88,0,95)
```
#6b0073
```
#6b0073 rgb(107,0,115)
```
#7d0086
```
#7d0086 rgb(125,0,134)
```
#8f009a
```
#8f009a rgb(143,0,154)
```
#a200ad
```
#a200ad rgb(162,0,173)
```
#b400c1
```
#b400c1 rgb(180,0,193)
```
#c600d5
```
#c600d5 rgb(198,0,213)
```
#d800e8
```
#d800e8 rgb(216,0,232)
```
#eb00fc
```
#eb00fc rgb(235,0,252)
```

Shade Color Variation

#ef11ff
```
#ef11ff rgb(239,17,255)
```
#f024ff
```
#f024ff rgb(240,36,255)
```
#f138ff
```
#f138ff rgb(241,56,255)
```
#f34bff
```
#f34bff rgb(243,75,255)
```
#f45fff
```
#f45fff rgb(244,95,255)
```
#f573ff
```
#f573ff rgb(245,115,255)
```
#f786ff
```
#f786ff rgb(247,134,255)
```
#f89aff
```
#f89aff rgb(248,154,255)
```
#f9adff
```
#f9adff rgb(249,173,255)
```
#fbc1ff
```
#fbc1ff rgb(251,193,255)
```
#fcd5ff
```
#fcd5ff rgb(252,213,255)
```
#fde8ff
```
#fde8ff rgb(253,232,255)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#b4a9b5
```
#b4a9b5 rgb(180,169,181)
```
#baa3bb
```
#baa3bb rgb(186,163,187)
```
#bf9dc1
```
#bf9dc1 rgb(191,157,193)
```
#c496c8
```
#c496c8 rgb(196,150,200)
```
#ca90ce
```
#ca90ce rgb(202,144,206)
```
#cf8ad4
```
#cf8ad4 rgb(207,138,212)
```
#d484da
```
#d484da rgb(212,132,218)
```
#d97ee0
```
#d97ee0 rgb(217,126,224)
```
#df78e6
```
#df78e6 rgb(223,120,230)
```
#e471ed
```
#e471ed rgb(228,113,237)
```
#e96bf3
```
#e96bf3 rgb(233,107,243)
```
#ef65f9
```
#ef65f9 rgb(239,101,249)
```
#f45fff
```
#f45fff rgb(244,95,255)
```

Tone Color Variation

Below, you can see how #f45fff 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
#7ea3ee Deuteranopia 1% of men
#e58992 Tritanopia 0.001% of the population

Trichromacy

#a689ff Protanomaly 1% of men, 0.01% of women
#a98af4 Deuteranomaly 6% of men, 0.4% of women
#ea7aba Tritanomaly 0.01% of the population

#f45fff hex color

#f45fff Color Information

#f45fff Color Conversion

Color Schemes with #f45fff

Alternatives to #f45fff

#f45fff Preview

Shades and Tints of #f45fff

Tones of #f45fff

Color Blindness Simulator