#f062f0 hex color

In a RGB color space, hex #f062f0 is composed of 94.1% red, 38.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 300 degrees, a saturation of 82.6% and a lightness of 66.3%. #f062f0 color hex could be obtained by blending #ffc4ff with #e100e1. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 94
- G 38
- B 94
RGB color chart
- C 0
- M 59
- Y 0
- K 6
CMYK color chart

● #f062f0 color description : Soft magenta.

The hexadecimal color #f062f0 has RGB values of R:240, G:98, B:240 and CMYK values of C:0, M:0.59, Y:0, K:0.06. Its decimal value is 15753968.

Hex triplet	f062f0	`#f062f0`
RGB Decimal	240, 98, 240	`rgb(240,98,240)`
RGB Percent	94.1, 38.4, 94.1	`rgb(94.1%,38.4%,94.1%)`
CMYK	0, 59, 0, 6
HSL	300°, 82.6, 66.3	`hsl(300,82.6%,66.3%)`
HSV (or HSB)	300°, 59.2, 94.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.608, 71.793, -45.866
XYZ	56.03, 33.555, 85.959
xyY	0.319, 0.191, 33.555
CIE-LCH	64.608, 85.193, 327.427
CIE-LUV	64.608, 64.17, -82.984
Hunter-Lab	57.927, 71.283, -47.433
Binary	11110000, 01100010, 11110000

#f062f0
```
#f062f0 rgb(240,98,240)
```
#62f062
```
#62f062 rgb(98,240,98)
```

Complementary Color

#a962f0
```
#a962f0 rgb(169,98,240)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f062a9
```
#f062a9 rgb(240,98,169)
```

Analogous Color

#62f0a9
```
#62f0a9 rgb(98,240,169)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#a9f062
```
#a9f062 rgb(169,240,98)
```

Split Complementary Color

#62f0f0
```
#62f0f0 rgb(98,240,240)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f0f062
```
#f0f062 rgb(240,240,98)
```

Triadic Color

#6262f0
```
#6262f0 rgb(98,98,240)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f0f062
```
#f0f062 rgb(240,240,98)
```
#62f062
```
#62f062 rgb(98,240,98)
```

Tetradic Color

#e91ce9
```
#e91ce9 rgb(233,28,233)
```
#ec33ec
```
#ec33ec rgb(236,51,236)
```
#ee4bee
```
#ee4bee rgb(238,75,238)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f279f2
```
#f279f2 rgb(242,121,242)
```
#f491f4
```
#f491f4 rgb(244,145,244)
```
#f7a8f7
```
#f7a8f7 rgb(247,168,247)
```

Monochromatic Color

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

#cd62f0
```
#cd62f0 rgb(205,98,240)
```
#d862f0
```
#d862f0 rgb(216,98,240)
```
#e462f0
```
#e462f0 rgb(228,98,240)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f062e4
```
#f062e4 rgb(240,98,228)
```
#f062d8
```
#f062d8 rgb(240,98,216)
```
#f062cd
```
#f062cd rgb(240,98,205)
```

Similar Colors

Text with hexadecimal color #f062f0

This text has a font color of #f062f0.

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

#f062f0 background color

This paragraph has a background color of #f062f0.

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

#f062f0 border color

This element has a border color of #f062f0.

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

CSS codes

.text {color:#f062f0;}

.background {background-color:#f062f0;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#160216
```
#160216 rgb(22,2,22)
```
#280428
```
#280428 rgb(40,4,40)
```
#3a063a
```
#3a063a rgb(58,6,58)
```
#4c074c
```
#4c074c rgb(76,7,76)
```
#5e095e
```
#5e095e rgb(94,9,94)
```
#700b70
```
#700b70 rgb(112,11,112)
```
#810c81
```
#810c81 rgb(129,12,129)
```
#930e93
```
#930e93 rgb(147,14,147)
```
#a510a5
```
#a510a5 rgb(165,16,165)
```
#b712b7
```
#b712b7 rgb(183,18,183)
```
#c913c9
```
#c913c9 rgb(201,19,201)
```
#db15db
```
#db15db rgb(219,21,219)
```

Shade Color Variation

#e91ae9
```
#e91ae9 rgb(233,26,233)
```
#eb2ceb
```
#eb2ceb rgb(235,44,235)
```
#ed3eed
```
#ed3eed rgb(237,62,237)
```
#ee50ee
```
#ee50ee rgb(238,80,238)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f274f2
```
#f274f2 rgb(242,116,242)
```
#f386f3
```
#f386f3 rgb(243,134,243)
```
#f598f5
```
#f598f5 rgb(245,152,245)
```
#f7aaf7
```
#f7aaf7 rgb(247,170,247)
```
#f9bcf9
```
#f9bcf9 rgb(249,188,249)
```
#facdfa
```
#facdfa rgb(250,205,250)
```
#fcdffc
```
#fcdffc rgb(252,223,252)
```
#fef1fe
```
#fef1fe rgb(254,241,254)
```

Tint Color Variation

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

#aea4ae
```
#aea4ae rgb(174,164,174)
```
#b49eb4
```
#b49eb4 rgb(180,158,180)
```
#bb97bb
```
#bb97bb rgb(187,151,187)
```
#c290c2
```
#c290c2 rgb(194,144,194)
```
#c88ac8
```
#c88ac8 rgb(200,138,200)
```
#cf83cf
```
#cf83cf rgb(207,131,207)
```
#d67cd6
```
#d67cd6 rgb(214,124,214)
```
#dc76dc
```
#dc76dc rgb(220,118,220)
```
#e36fe3
```
#e36fe3 rgb(227,111,227)
```
#e969e9
```
#e969e9 rgb(233,105,233)
```
#f062f0
```
#f062f0 rgb(240,98,240)
```
#f75bf7
```
#f75bf7 rgb(247,91,247)
```
#fd55fd
```
#fd55fd rgb(253,85,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ae91ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#769eff Protanopia 1% of men
#86a0e1 Deuteranopia 1% of men
#e3868f Tritanopia 0.001% of the population

Trichromacy

#a288f9 Protanomaly 1% of men, 0.01% of women
#ad89e6 Deuteranomaly 6% of men, 0.4% of women
#e879b2 Tritanomaly 0.01% of the population

#f062f0 hex color

#f062f0 Color Information

#f062f0 Color Conversion

Color Schemes with #f062f0

Alternatives to #f062f0

#f062f0 Preview

Shades and Tints of #f062f0

Tones of #f062f0

Color Blindness Simulator