#f02aff hex color

In a RGB color space, hex #f02aff is composed of 94.1% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 295.8 degrees, a saturation of 100% and a lightness of 58.2%. #f02aff color hex could be obtained by blending #ff54ff with #e100ff. Closest websafe color is: #ff33ff.

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

● #f02aff color description : Vivid magenta.

The hexadecimal color #f02aff has RGB values of R:240, G:42, B:255 and CMYK values of C:0.06, M:0.84, Y:0, K:0. Its decimal value is 15739647.

Hex triplet	f02aff	`#f02aff`
RGB Decimal	240, 42, 255	`rgb(240,42,255)`
RGB Percent	94.1, 16.5, 100	`rgb(94.1%,16.5%,100%)`
CMYK	6, 84, 0, 0
HSL	295.8°, 100, 58.2	`hsl(295.8,100%,58.2%)`
HSV (or HSB)	295.8°, 83.5, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.347, 91.409, -62.537
XYZ	54.812, 27.405, 97.005
xyY	0.306, 0.153, 27.405
CIE-LCH	59.347, 110.754, 325.622
CIE-LUV	59.347, 70.845, -109.923
Hunter-Lab	52.349, 95.284, -73.222
Binary	11110000, 00101010, 11111111

#f02aff
```
#f02aff rgb(240,42,255)
```
#39ff2a
```
#39ff2a rgb(57,255,42)
```

Complementary Color

#862aff
```
#862aff rgb(134,42,255)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#ff2aa4
```
#ff2aa4 rgb(255,42,164)
```

Analogous Color

#2aff86
```
#2aff86 rgb(42,255,134)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#a4ff2a
```
#a4ff2a rgb(164,255,42)
```

Split Complementary Color

#2afff0
```
#2afff0 rgb(42,255,240)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#fff02a
```
#fff02a rgb(255,240,42)
```

Triadic Color

#2a39ff
```
#2a39ff rgb(42,57,255)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#fff02a
```
#fff02a rgb(255,240,42)
```
#39ff2a
```
#39ff2a rgb(57,255,42)
```

Tetradic Color

#cd00dd
```
#cd00dd rgb(205,0,221)
```
#e500f6
```
#e500f6 rgb(229,0,246)
```
#ee11ff
```
#ee11ff rgb(238,17,255)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#f244ff
```
#f244ff rgb(242,68,255)
```
#f45dff
```
#f45dff rgb(244,93,255)
```
#f577ff
```
#f577ff rgb(245,119,255)
```

Monochromatic Color

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

#bb2aff
```
#bb2aff rgb(187,42,255)
```
#cd2aff
```
#cd2aff rgb(205,42,255)
```
#de2aff
```
#de2aff rgb(222,42,255)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#ff2afc
```
#ff2afc rgb(255,42,252)
```
#ff2aeb
```
#ff2aeb rgb(255,42,235)
```
#ff2ad9
```
#ff2ad9 rgb(255,42,217)
```

Similar Colors

Text with hexadecimal color #f02aff

This text has a font color of #f02aff.

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

#f02aff background color

This paragraph has a background color of #f02aff.

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

#f02aff border color

This element has a border color of #f02aff.

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

CSS codes

.text {color:#f02aff;}

.background {background-color:#f02aff;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#150016
```
#150016 rgb(21,0,22)
```
#27002a
```
#27002a rgb(39,0,42)
```
#39003e
```
#39003e rgb(57,0,62)
```
#4c0051
```
#4c0051 rgb(76,0,81)
```
#5e0065
```
#5e0065 rgb(94,0,101)
```
#700078
```
#700078 rgb(112,0,120)
```
#82008c
```
#82008c rgb(130,0,140)
```
#9400a0
```
#9400a0 rgb(148,0,160)
```
#a700b3
```
#a700b3 rgb(167,0,179)
```
#b900c7
```
#b900c7 rgb(185,0,199)
```
#cb00db
```
#cb00db rgb(203,0,219)
```
#dd00ee
```
#dd00ee rgb(221,0,238)
```

Shade Color Variation

#ed03ff
```
#ed03ff rgb(237,3,255)
```
#ef16ff
```
#ef16ff rgb(239,22,255)
```
#f02aff
```
#f02aff rgb(240,42,255)
```
#f13eff
```
#f13eff rgb(241,62,255)
```
#f351ff
```
#f351ff rgb(243,81,255)
```
#f465ff
```
#f465ff rgb(244,101,255)
```
#f678ff
```
#f678ff rgb(246,120,255)
```
#f78cff
```
#f78cff rgb(247,140,255)
```
#f8a0ff
```
#f8a0ff rgb(248,160,255)
```
#fab3ff
```
#fab3ff rgb(250,179,255)
```
#fbc7ff
```
#fbc7ff rgb(251,199,255)
```
#fcdbff
```
#fcdbff rgb(252,219,255)
```
#feeeff
```
#feeeff rgb(254,238,255)
```

Tint Color Variation

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

#9c8c9d
```
#9c8c9d rgb(156,140,157)
```
#a384a5
```
#a384a5 rgb(163,132,165)
```
#aa7cad
```
#aa7cad rgb(170,124,173)
```
#b174b5
```
#b174b5 rgb(177,116,181)
```
#b86cbd
```
#b86cbd rgb(184,108,189)
```
#bf63c6
```
#bf63c6 rgb(191,99,198)
```
#c65bce
```
#c65bce rgb(198,91,206)
```
#cd53d6
```
#cd53d6 rgb(205,83,214)
```
#d44bde
```
#d44bde rgb(212,75,222)
```
#db43e6
```
#db43e6 rgb(219,67,230)
```
#e23aef
```
#e23aef rgb(226,58,239)
```
#e932f7
```
#e932f7 rgb(233,50,247)
```
#f02aff
```
#f02aff rgb(240,42,255)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#946c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5691ff Protanopia 1% of men
#5a95e8 Deuteranopia 1% of men
#df737a Tritanopia 0.001% of the population

Trichromacy

#8e6bff Protanomaly 1% of men, 0.01% of women
#906ef0 Deuteranomaly 6% of men, 0.4% of women
#e558aa Tritanomaly 0.01% of the population

#f02aff hex color

#f02aff Color Information

#f02aff Color Conversion

Color Schemes with #f02aff

Alternatives to #f02aff

#f02aff Preview

Shades and Tints of #f02aff

Tones of #f02aff

Color Blindness Simulator