#f02dff hex color

In a RGB color space, hex #f02dff is composed of 94.1% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 295.7 degrees, a saturation of 100% and a lightness of 58.8%. #f02dff color hex could be obtained by blending #ff5aff with #e100ff. Closest websafe color is: #ff33ff.

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

● #f02dff color description : Vivid magenta.

The hexadecimal color #f02dff has RGB values of R:240, G:45, B:255 and CMYK values of C:0.06, M:0.82, Y:0, K:0. Its decimal value is 15740415.

Hex triplet	f02dff	`#f02dff`
RGB Decimal	240, 45, 255	`rgb(240,45,255)`
RGB Percent	94.1, 17.6, 100	`rgb(94.1%,17.6%,100%)`
CMYK	6, 82, 0, 0
HSL	295.7°, 100, 58.8	`hsl(295.7,100%,58.8%)`
HSV (or HSB)	295.7°, 82.4, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.549, 90.818, -62.213
XYZ	54.922, 27.625, 97.042
xyY	0.306, 0.154, 27.625
CIE-LCH	59.549, 110.084, 325.588
CIE-LUV	59.549, 70.493, -109.445
Hunter-Lab	52.56, 94.542, -72.676
Binary	11110000, 00101101, 11111111

#f02dff
```
#f02dff rgb(240,45,255)
```
#3cff2d
```
#3cff2d rgb(60,255,45)
```

Complementary Color

#872dff
```
#872dff rgb(135,45,255)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#ff2da5
```
#ff2da5 rgb(255,45,165)
```

Analogous Color

#2dff87
```
#2dff87 rgb(45,255,135)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#a5ff2d
```
#a5ff2d rgb(165,255,45)
```

Split Complementary Color

#2dfff0
```
#2dfff0 rgb(45,255,240)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#fff02d
```
#fff02d rgb(255,240,45)
```

Triadic Color

#2d3cff
```
#2d3cff rgb(45,60,255)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#fff02d
```
#fff02d rgb(255,240,45)
```
#3cff2d
```
#3cff2d rgb(60,255,45)
```

Tetradic Color

#d000e0
```
#d000e0 rgb(208,0,224)
```
#e700f9
```
#e700f9 rgb(231,0,249)
```
#ee14ff
```
#ee14ff rgb(238,20,255)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#f247ff
```
#f247ff rgb(242,71,255)
```
#f460ff
```
#f460ff rgb(244,96,255)
```
#f57aff
```
#f57aff rgb(245,122,255)
```

Monochromatic Color

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

#bc2dff
```
#bc2dff rgb(188,45,255)
```
#cd2dff
```
#cd2dff rgb(205,45,255)
```
#df2dff
```
#df2dff rgb(223,45,255)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#ff2dfd
```
#ff2dfd rgb(255,45,253)
```
#ff2deb
```
#ff2deb rgb(255,45,235)
```
#ff2dda
```
#ff2dda rgb(255,45,218)
```

Similar Colors

Text with hexadecimal color #f02dff

This text has a font color of #f02dff.

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

#f02dff background color

This paragraph has a background color of #f02dff.

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

#f02dff border color

This element has a border color of #f02dff.

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

CSS codes

.text {color:#f02dff;}

.background {background-color:#f02dff;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#180019
```
#180019 rgb(24,0,25)
```
#2a002d
```
#2a002d rgb(42,0,45)
```
#3c0041
```
#3c0041 rgb(60,0,65)
```
#4e0054
```
#4e0054 rgb(78,0,84)
```
#600068
```
#600068 rgb(96,0,104)
```
#73007b
```
#73007b rgb(115,0,123)
```
#85008f
```
#85008f rgb(133,0,143)
```
#9700a3
```
#9700a3 rgb(151,0,163)
```
#a900b6
```
#a900b6 rgb(169,0,182)
```
#bc00ca
```
#bc00ca rgb(188,0,202)
```
#ce00de
```
#ce00de rgb(206,0,222)
```
#e000f1
```
#e000f1 rgb(224,0,241)
```

Shade Color Variation

#ed06ff
```
#ed06ff rgb(237,6,255)
```
#ef19ff
```
#ef19ff rgb(239,25,255)
```
#f02dff
```
#f02dff rgb(240,45,255)
```
#f141ff
```
#f141ff rgb(241,65,255)
```
#f354ff
```
#f354ff rgb(243,84,255)
```
#f468ff
```
#f468ff rgb(244,104,255)
```
#f67bff
```
#f67bff rgb(246,123,255)
```
#f78fff
```
#f78fff rgb(247,143,255)
```
#f8a3ff
```
#f8a3ff rgb(248,163,255)
```
#fab6ff
```
#fab6ff rgb(250,182,255)
```
#fbcaff
```
#fbcaff rgb(251,202,255)
```
#fddeff
```
#fddeff rgb(253,222,255)
```
#fef1ff
```
#fef1ff rgb(254,241,255)
```

Tint Color Variation

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

#9d8e9e
```
#9d8e9e rgb(157,142,158)
```
#a486a6
```
#a486a6 rgb(164,134,166)
```
#ab7eae
```
#ab7eae rgb(171,126,174)
```
#b276b6
```
#b276b6 rgb(178,118,182)
```
#b96ebe
```
#b96ebe rgb(185,110,190)
```
#c066c6
```
#c066c6 rgb(192,102,198)
```
#c65dcf
```
#c65dcf rgb(198,93,207)
```
#cd55d7
```
#cd55d7 rgb(205,85,215)
```
#d44ddf
```
#d44ddf rgb(212,77,223)
```
#db45e7
```
#db45e7 rgb(219,69,231)
```
#e23def
```
#e23def rgb(226,61,239)
```
#e935f7
```
#e935f7 rgb(233,53,247)
```
#f02dff
```
#f02dff rgb(240,45,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#966f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5792ff Protanopia 1% of men
#5b95e8 Deuteranopia 1% of men
#df747b Tritanopia 0.001% of the population

Trichromacy

#8f6dff Protanomaly 1% of men, 0.01% of women
#916ff0 Deuteranomaly 6% of men, 0.4% of women
#e55aab Tritanomaly 0.01% of the population

#f02dff hex color

#f02dff Color Information

#f02dff Color Conversion

Color Schemes with #f02dff

Alternatives to #f02dff

#f02dff Preview

Shades and Tints of #f02dff

Tones of #f02dff

Color Blindness Simulator