#f06ff4 hex color

In a RGB color space, hex #f06ff4 is composed of 94.1% red, 43.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 54.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.2 degrees, a saturation of 85.8% and a lightness of 69.6%. #f06ff4 color hex could be obtained by blending #ffdeff with #e100e9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 94
- G 44
- B 96
RGB color chart
- C 2
- M 55
- Y 0
- K 4
CMYK color chart

● #f06ff4 color description : Soft magenta.

The hexadecimal color #f06ff4 has RGB values of R:240, G:111, B:244 and CMYK values of C:0.02, M:0.55, Y:0, K:0.04. Its decimal value is 15757300.

Hex triplet	f06ff4	`#f06ff4`
RGB Decimal	240, 111, 244	`rgb(240,111,244)`
RGB Percent	94.1, 43.5, 95.7	`rgb(94.1%,43.5%,95.7%)`
CMYK	2, 55, 0, 4
HSL	298.2°, 85.8, 69.6	`hsl(298.2,85.8%,69.6%)`
HSV (or HSB)	298.2°, 54.5, 95.7
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	66.846, 66.874, -44.554
XYZ	57.947, 36.429, 89.562
xyY	0.315, 0.198, 36.429
CIE-LCH	66.846, 80.357, 326.327
CIE-LUV	66.846, 58.787, -80.652
Hunter-Lab	60.356, 65.752, -45.731
Binary	11110000, 01101111, 11110100

#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#73f46f
```
#73f46f rgb(115,244,111)
```

Complementary Color

#ae6ff4
```
#ae6ff4 rgb(174,111,244)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f46fb6
```
#f46fb6 rgb(244,111,182)
```

Analogous Color

#6ff4ae
```
#6ff4ae rgb(111,244,174)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#b6f46f
```
#b6f46f rgb(182,244,111)
```

Split Complementary Color

#6ff4f0
```
#6ff4f0 rgb(111,244,240)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f4f06f
```
#f4f06f rgb(244,240,111)
```

Triadic Color

#6f73f4
```
#6f73f4 rgb(111,115,244)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f4f06f
```
#f4f06f rgb(244,240,111)
```
#73f46f
```
#73f46f rgb(115,244,111)
```

Tetradic Color

#e928ef
```
#e928ef rgb(233,40,239)
```
#eb40f0
```
#eb40f0 rgb(235,64,240)
```
#ee57f2
```
#ee57f2 rgb(238,87,242)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f287f6
```
#f287f6 rgb(242,135,246)
```
#f59ef8
```
#f59ef8 rgb(245,158,248)
```
#f7b6f9
```
#f7b6f9 rgb(247,182,249)
```

Monochromatic Color

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

#cf6ff4
```
#cf6ff4 rgb(207,111,244)
```
#da6ff4
```
#da6ff4 rgb(218,111,244)
```
#e56ff4
```
#e56ff4 rgb(229,111,244)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f46fed
```
#f46fed rgb(244,111,237)
```
#f46fe2
```
#f46fe2 rgb(244,111,226)
```
#f46fd7
```
#f46fd7 rgb(244,111,215)
```

Similar Colors

Text with hexadecimal color #f06ff4

This text has a font color of #f06ff4.

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

#f06ff4 background color

This paragraph has a background color of #f06ff4.

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

#f06ff4 border color

This element has a border color of #f06ff4.

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

CSS codes

.text {color:#f06ff4;}

.background {background-color:#f06ff4;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130214
```
#130214 rgb(19,2,20)
```
#250326
```
#250326 rgb(37,3,38)
```
#370438
```
#370438 rgb(55,4,56)
```
#49064b
```
#49064b rgb(73,6,75)
```
#5a075d
```
#5a075d rgb(90,7,93)
```
#6c086f
```
#6c086f rgb(108,8,111)
```
#7e0a81
```
#7e0a81 rgb(126,10,129)
```
#8f0b94
```
#8f0b94 rgb(143,11,148)
```
#a10da6
```
#a10da6 rgb(161,13,166)
```
#b30eb8
```
#b30eb8 rgb(179,14,184)
```
#c50fca
```
#c50fca rgb(197,15,202)
```
#d611dc
```
#d611dc rgb(214,17,220)
```

Shade Color Variation

#e714ed
```
#e714ed rgb(231,20,237)
```
#e826ee
```
#e826ee rgb(232,38,238)
```
#ea38f0
```
#ea38f0 rgb(234,56,240)
```
#ec4bf1
```
#ec4bf1 rgb(236,75,241)
```
#ee5df3
```
#ee5df3 rgb(238,93,243)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f281f5
```
#f281f5 rgb(242,129,245)
```
#f493f7
```
#f493f7 rgb(244,147,247)
```
#f6a6f8
```
#f6a6f8 rgb(246,166,248)
```
#f8b8fa
```
#f8b8fa rgb(248,184,250)
```
#f9cafb
```
#f9cafb rgb(249,202,251)
```
#fbdcfc
```
#fbdcfc rgb(251,220,252)
```
#fdeffe
```
#fdeffe rgb(253,239,254)
```

Tint Color Variation

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

#b2b1b2
```
#b2b1b2 rgb(178,177,178)
```
#b8abb8
```
#b8abb8 rgb(184,171,184)
```
#bea5be
```
#bea5be rgb(190,165,190)
```
#c39fc4
```
#c39fc4 rgb(195,159,196)
```
#c999ca
```
#c999ca rgb(201,153,202)
```
#ce93d0
```
#ce93d0 rgb(206,147,208)
```
#d48dd6
```
#d48dd6 rgb(212,141,214)
```
#da87dc
```
#da87dc rgb(218,135,220)
```
#df81e2
```
#df81e2 rgb(223,129,226)
```
#e57be8
```
#e57be8 rgb(229,123,232)
```
#ea75ee
```
#ea75ee rgb(234,117,238)
```
#f06ff4
```
#f06ff4 rgb(240,111,244)
```
#f669fa
```
#f669fa rgb(246,105,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b49ab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a4ff Protanopia 1% of men
#8ea6e6 Deuteranopia 1% of men
#e38f99 Tritanopia 0.001% of the population

Trichromacy

#a991fb Protanomaly 1% of men, 0.01% of women
#b192eb Deuteranomaly 6% of men, 0.4% of women
#e883ba Tritanomaly 0.01% of the population

#f06ff4 hex color

#f06ff4 Color Information

#f06ff4 Color Conversion

Color Schemes with #f06ff4

Alternatives to #f06ff4

#f06ff4 Preview

Shades and Tints of #f06ff4

Tones of #f06ff4

Color Blindness Simulator