#f068f4 hex color

In a RGB color space, hex #f068f4 is composed of 94.1% red, 40.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 57.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.3 degrees, a saturation of 86.4% and a lightness of 68.2%. #f068f4 color hex could be obtained by blending #ffd0ff with #e100e9. Closest websafe color is: #ff66ff.

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

● #f068f4 color description : Soft magenta.

The hexadecimal color #f068f4 has RGB values of R:240, G:104, B:244 and CMYK values of C:0.02, M:0.57, Y:0, K:0.04. Its decimal value is 15755508.

Hex triplet	f068f4	`#f068f4`
RGB Decimal	240, 104, 244	`rgb(240,104,244)`
RGB Percent	94.1, 40.8, 95.7	`rgb(94.1%,40.8%,95.7%)`
CMYK	2, 57, 0, 4
HSL	298.3°, 86.4, 68.2	`hsl(298.3,86.4%,68.2%)`
HSV (or HSB)	298.3°, 57.4, 95.7
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.718, 69.939, -46.328
XYZ	57.213, 34.961, 89.318
xyY	0.315, 0.193, 34.961
CIE-LCH	65.718, 83.892, 326.479
CIE-LUV	65.718, 61.114, -83.708
Hunter-Lab	59.127, 69.248, -48.174
Binary	11110000, 01101000, 11110100

#f068f4
```
#f068f4 rgb(240,104,244)
```
#6cf468
```
#6cf468 rgb(108,244,104)
```

Complementary Color

#aa68f4
```
#aa68f4 rgb(170,104,244)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f468b2
```
#f468b2 rgb(244,104,178)
```

Analogous Color

#68f4aa
```
#68f4aa rgb(104,244,170)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#b2f468
```
#b2f468 rgb(178,244,104)
```

Split Complementary Color

#68f4f0
```
#68f4f0 rgb(104,244,240)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f4f068
```
#f4f068 rgb(244,240,104)
```

Triadic Color

#686cf4
```
#686cf4 rgb(104,108,244)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f4f068
```
#f4f068 rgb(244,240,104)
```
#6cf468
```
#6cf468 rgb(108,244,104)
```

Tetradic Color

#e921ef
```
#e921ef rgb(233,33,239)
```
#eb38f1
```
#eb38f1 rgb(235,56,241)
```
#ee50f2
```
#ee50f2 rgb(238,80,242)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f280f6
```
#f280f6 rgb(242,128,246)
```
#f598f7
```
#f598f7 rgb(245,152,247)
```
#f7aff9
```
#f7aff9 rgb(247,175,249)
```

Monochromatic Color

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

#cd68f4
```
#cd68f4 rgb(205,104,244)
```
#d968f4
```
#d968f4 rgb(217,104,244)
```
#e468f4
```
#e468f4 rgb(228,104,244)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f468ec
```
#f468ec rgb(244,104,236)
```
#f468e1
```
#f468e1 rgb(244,104,225)
```
#f468d5
```
#f468d5 rgb(244,104,213)
```

Similar Colors

Text with hexadecimal color #f068f4

This text has a font color of #f068f4.

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

#f068f4 background color

This paragraph has a background color of #f068f4.

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

#f068f4 border color

This element has a border color of #f068f4.

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

CSS codes

.text {color:#f068f4;}

.background {background-color:#f068f4;}

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

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, #0d010e is the darkest color, while #fffaff is the lightest one.

#0d010e
```
#0d010e rgb(13,1,14)
```
#1f0220
```
#1f0220 rgb(31,2,32)
```
#310432
```
#310432 rgb(49,4,50)
```
#430544
```
#430544 rgb(67,5,68)
```
#540657
```
#540657 rgb(84,6,87)
```
#660869
```
#660869 rgb(102,8,105)
```
#78097b
```
#78097b rgb(120,9,123)
```
#8a0a8e
```
#8a0a8e rgb(138,10,142)
```
#9c0ca0
```
#9c0ca0 rgb(156,12,160)
```
#ad0db2
```
#ad0db2 rgb(173,13,178)
```
#bf0ec4
```
#bf0ec4 rgb(191,14,196)
```
#d110d7
```
#d110d7 rgb(209,16,215)
```
#e311e9
```
#e311e9 rgb(227,17,233)
```

Shade Color Variation

#e91fef
```
#e91fef rgb(233,31,239)
```
#eb31f0
```
#eb31f0 rgb(235,49,240)
```
#ec43f1
```
#ec43f1 rgb(236,67,241)
```
#ee56f3
```
#ee56f3 rgb(238,86,243)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f27af5
```
#f27af5 rgb(242,122,245)
```
#f48df7
```
#f48df7 rgb(244,141,247)
```
#f59ff8
```
#f59ff8 rgb(245,159,248)
```
#f7b1f9
```
#f7b1f9 rgb(247,177,249)
```
#f9c3fb
```
#f9c3fb rgb(249,195,251)
```
#fbd6fc
```
#fbd6fc rgb(251,214,252)
```
#fde8fd
```
#fde8fd rgb(253,232,253)
```
#fffaff
```
#fffaff rgb(255,250,255)
```

Tint Color Variation

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

#afadaf
```
#afadaf rgb(175,173,175)
```
#b5a6b6
```
#b5a6b6 rgb(181,166,182)
```
#bba0bc
```
#bba0bc rgb(187,160,188)
```
#c19ac2
```
#c19ac2 rgb(193,154,194)
```
#c794c8
```
#c794c8 rgb(199,148,200)
```
#cd8dcf
```
#cd8dcf rgb(205,141,207)
```
#d387d5
```
#d387d5 rgb(211,135,213)
```
#d981db
```
#d981db rgb(217,129,219)
```
#de7be1
```
#de7be1 rgb(222,123,225)
```
#e474e8
```
#e474e8 rgb(228,116,232)
```
#ea6eee
```
#ea6eee rgb(234,110,238)
```
#f068f4
```
#f068f4 rgb(240,104,244)
```
#f662fa
```
#f662fa rgb(246,98,250)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b196b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ba1ff Protanopia 1% of men
#88a3e5 Deuteranopia 1% of men
#e38b94 Tritanopia 0.001% of the population

Trichromacy

#a58cfb Protanomaly 1% of men, 0.01% of women
#ae8dea Deuteranomaly 6% of men, 0.4% of women
#e87eb7 Tritanomaly 0.01% of the population

#f068f4 hex color

#f068f4 Color Information

#f068f4 Color Conversion

Color Schemes with #f068f4

Alternatives to #f068f4

#f068f4 Preview

Shades and Tints of #f068f4

Tones of #f068f4

Color Blindness Simulator