#f015ff hex color

In a RGB color space, hex #f015ff is composed of 94.1% red, 8.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 91.8% magenta, 0% yellow and 0% black. It has a hue angle of 296.2 degrees, a saturation of 100% and a lightness of 54.1%. #f015ff color hex could be obtained by blending #ff2aff with #e100ff. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 94
- G 8
- B 100
RGB color chart
- C 6
- M 92
- Y 0
- K 0
CMYK color chart

● #f015ff color description : Vivid magenta.

The hexadecimal color #f015ff has RGB values of R:240, G:21, B:255 and CMYK values of C:0.06, M:0.92, Y:0, K:0. Its decimal value is 15734271.

Hex triplet	f015ff	`#f015ff`
RGB Decimal	240, 21, 255	`rgb(240,21,255)`
RGB Percent	94.1, 8.2, 100	`rgb(94.1%,8.2%,100%)`
CMYK	6, 92, 0, 0
HSL	296.2°, 100, 54.1	`hsl(296.2,100%,54.1%)`
HSV (or HSB)	296.2°, 91.8, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.307, 94.471, -64.207
XYZ	54.252, 26.285, 96.818
xyY	0.306, 0.148, 26.285
CIE-LCH	58.307, 114.225, 325.798
CIE-LUV	58.307, 72.628, -112.344
Hunter-Lab	51.269, 99.165, -76.077
Binary	11110000, 00010101, 11111111

#f015ff
```
#f015ff rgb(240,21,255)
```
#24ff15
```
#24ff15 rgb(36,255,21)
```

Complementary Color

#7b15ff
```
#7b15ff rgb(123,21,255)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#ff1599
```
#ff1599 rgb(255,21,153)
```

Analogous Color

#15ff7b
```
#15ff7b rgb(21,255,123)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#99ff15
```
#99ff15 rgb(153,255,21)
```

Split Complementary Color

#15fff0
```
#15fff0 rgb(21,255,240)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#fff015
```
#fff015 rgb(255,240,21)
```

Triadic Color

#1524ff
```
#1524ff rgb(21,36,255)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#fff015
```
#fff015 rgb(255,240,21)
```
#24ff15
```
#24ff15 rgb(36,255,21)
```

Tetradic Color

#bb00c8
```
#bb00c8 rgb(187,0,200)
```
#d300e1
```
#d300e1 rgb(211,0,225)
```
#ea00fb
```
#ea00fb rgb(234,0,251)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#f22fff
```
#f22fff rgb(242,47,255)
```
#f348ff
```
#f348ff rgb(243,72,255)
```
#f562ff
```
#f562ff rgb(245,98,255)
```

Monochromatic Color

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

#b615ff
```
#b615ff rgb(182,21,255)
```
#c915ff
```
#c915ff rgb(201,21,255)
```
#dd15ff
```
#dd15ff rgb(221,21,255)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#ff15fb
```
#ff15fb rgb(255,21,251)
```
#ff15e7
```
#ff15e7 rgb(255,21,231)
```
#ff15d4
```
#ff15d4 rgb(255,21,212)
```

Similar Colors

Text with hexadecimal color #f015ff

This text has a font color of #f015ff.

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

#f015ff background color

This paragraph has a background color of #f015ff.

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

#f015ff border color

This element has a border color of #f015ff.

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

CSS codes

.text {color:#f015ff;}

.background {background-color:#f015ff;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140015
```
#140015 rgb(20,0,21)
```
#260029
```
#260029 rgb(38,0,41)
```
#38003c
```
#38003c rgb(56,0,60)
```
#4b0050
```
#4b0050 rgb(75,0,80)
```
#5d0063
```
#5d0063 rgb(93,0,99)
```
#6f0077
```
#6f0077 rgb(111,0,119)
```
#82008b
```
#82008b rgb(130,0,139)
```
#94009e
```
#94009e rgb(148,0,158)
```
#a700b2
```
#a700b2 rgb(167,0,178)
```
#b900c6
```
#b900c6 rgb(185,0,198)
```
#cb00d9
```
#cb00d9 rgb(203,0,217)
```
#de00ed
```
#de00ed rgb(222,0,237)
```

Shade Color Variation

#ef01ff
```
#ef01ff rgb(239,1,255)
```
#f015ff
```
#f015ff rgb(240,21,255)
```
#f129ff
```
#f129ff rgb(241,41,255)
```
#f33cff
```
#f33cff rgb(243,60,255)
```
#f450ff
```
#f450ff rgb(244,80,255)
```
#f563ff
```
#f563ff rgb(245,99,255)
```
#f677ff
```
#f677ff rgb(246,119,255)
```
#f88bff
```
#f88bff rgb(248,139,255)
```
#f99eff
```
#f99eff rgb(249,158,255)
```
#fab2ff
```
#fab2ff rgb(250,178,255)
```
#fbc6ff
```
#fbc6ff rgb(251,198,255)
```
#fdd9ff
```
#fdd9ff rgb(253,217,255)
```
#feedff
```
#feedff rgb(254,237,255)
```

Tint Color Variation

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

#928193
```
#928193 rgb(146,129,147)
```
#9a789c
```
#9a789c rgb(154,120,156)
```
#a26fa5
```
#a26fa5 rgb(162,111,165)
```
#a966ae
```
#a966ae rgb(169,102,174)
```
#b15db7
```
#b15db7 rgb(177,93,183)
```
#b954c0
```
#b954c0 rgb(185,84,192)
```
#c14bc9
```
#c14bc9 rgb(193,75,201)
```
#c942d2
```
#c942d2 rgb(201,66,210)
```
#d139db
```
#d139db rgb(209,57,219)
```
#d830e4
```
#d830e4 rgb(216,48,228)
```
#e027ed
```
#e027ed rgb(224,39,237)
```
#e81ef6
```
#e81ef6 rgb(232,30,246)
```
#f015ff
```
#f015ff rgb(240,21,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8a5f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#5393e7 Deuteranopia 1% of men
#de6f76 Tritanopia 0.001% of the population

Trichromacy

#8962ff Protanomaly 1% of men, 0.01% of women
#8c65ef Deuteranomaly 6% of men, 0.4% of women
#e54ea7 Tritanomaly 0.01% of the population

#f015ff hex color

#f015ff Color Information

#f015ff Color Conversion

Color Schemes with #f015ff

Alternatives to #f015ff

#f015ff Preview

Shades and Tints of #f015ff

Tones of #f015ff

Color Blindness Simulator