#f06bf4 hex color

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

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

● #f06bf4 color description : Soft magenta.

The hexadecimal color #f06bf4 has RGB values of R:240, G:107, B:244 and CMYK values of C:0.02, M:0.56, Y:0, K:0.04. Its decimal value is 15756276.

Hex triplet	f06bf4	`#f06bf4`
RGB Decimal	240, 107, 244	`rgb(240,107,244)`
RGB Percent	94.1, 42, 95.7	`rgb(94.1%,42%,95.7%)`
CMYK	2, 56, 0, 4
HSL	298.2°, 86.2, 68.8	`hsl(298.2,86.2%,68.8%)`
HSV (or HSB)	298.2°, 56.1, 95.7
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	66.194, 68.641, -45.579
XYZ	57.521, 35.575, 89.42
xyY	0.315, 0.195, 35.575
CIE-LCH	66.194, 82.396, 326.415
CIE-LUV	66.194, 60.135, -82.422
Hunter-Lab	59.645, 67.763, -47.136
Binary	11110000, 01101011, 11110100

#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#6ff46b
```
#6ff46b rgb(111,244,107)
```

Complementary Color

#ac6bf4
```
#ac6bf4 rgb(172,107,244)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f46bb4
```
#f46bb4 rgb(244,107,180)
```

Analogous Color

#6bf4ac
```
#6bf4ac rgb(107,244,172)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#b4f46b
```
#b4f46b rgb(180,244,107)
```

Split Complementary Color

#6bf4f0
```
#6bf4f0 rgb(107,244,240)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f4f06b
```
#f4f06b rgb(244,240,107)
```

Triadic Color

#6b6ff4
```
#6b6ff4 rgb(107,111,244)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f4f06b
```
#f4f06b rgb(244,240,107)
```
#6ff46b
```
#6ff46b rgb(111,244,107)
```

Tetradic Color

#e924ef
```
#e924ef rgb(233,36,239)
```
#eb3cf0
```
#eb3cf0 rgb(235,60,240)
```
#ee53f2
```
#ee53f2 rgb(238,83,242)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f283f6
```
#f283f6 rgb(242,131,246)
```
#f59af8
```
#f59af8 rgb(245,154,248)
```
#f7b2f9
```
#f7b2f9 rgb(247,178,249)
```

Monochromatic Color

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

#ce6bf4
```
#ce6bf4 rgb(206,107,244)
```
#d96bf4
```
#d96bf4 rgb(217,107,244)
```
#e56bf4
```
#e56bf4 rgb(229,107,244)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f46bed
```
#f46bed rgb(244,107,237)
```
#f46be1
```
#f46be1 rgb(244,107,225)
```
#f46bd6
```
#f46bd6 rgb(244,107,214)
```

Similar Colors

Text with hexadecimal color #f06bf4

This text has a font color of #f06bf4.

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

#f06bf4 background color

This paragraph has a background color of #f06bf4.

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

#f06bf4 border color

This element has a border color of #f06bf4.

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

CSS codes

.text {color:#f06bf4;}

.background {background-color:#f06bf4;}

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

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

#100110
```
#100110 rgb(16,1,16)
```
#220323
```
#220323 rgb(34,3,35)
```
#330435
```
#330435 rgb(51,4,53)
```
#450547
```
#450547 rgb(69,5,71)
```
#570759
```
#570759 rgb(87,7,89)
```
#69086c
```
#69086c rgb(105,8,108)
```
#7a097e
```
#7a097e rgb(122,9,126)
```
#8c0b90
```
#8c0b90 rgb(140,11,144)
```
#9e0ca2
```
#9e0ca2 rgb(158,12,162)
```
#b00db5
```
#b00db5 rgb(176,13,181)
```
#c20fc7
```
#c20fc7 rgb(194,15,199)
```
#d310d9
```
#d310d9 rgb(211,16,217)
```
#e511eb
```
#e511eb rgb(229,17,235)
```

Shade Color Variation

#e922ef
```
#e922ef rgb(233,34,239)
```
#ea34f0
```
#ea34f0 rgb(234,52,240)
```
#ec46f1
```
#ec46f1 rgb(236,70,241)
```
#ee59f3
```
#ee59f3 rgb(238,89,243)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f27df5
```
#f27df5 rgb(242,125,245)
```
#f490f7
```
#f490f7 rgb(244,144,247)
```
#f6a2f8
```
#f6a2f8 rgb(246,162,248)
```
#f7b4f9
```
#f7b4f9 rgb(247,180,249)
```
#f9c6fb
```
#f9c6fb rgb(249,198,251)
```
#fbd9fc
```
#fbd9fc rgb(251,217,252)
```
#fdebfd
```
#fdebfd rgb(253,235,253)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#b1aeb1
```
#b1aeb1 rgb(177,174,177)
```
#b6a8b7
```
#b6a8b7 rgb(182,168,183)
```
#bca2bd
```
#bca2bd rgb(188,162,189)
```
#c29cc3
```
#c29cc3 rgb(194,156,195)
```
#c896c9
```
#c896c9 rgb(200,150,201)
```
#cd90cf
```
#cd90cf rgb(205,144,207)
```
#d38ad5
```
#d38ad5 rgb(211,138,213)
```
#d983dc
```
#d983dc rgb(217,131,220)
```
#df7de2
```
#df7de2 rgb(223,125,226)
```
#e477e8
```
#e477e8 rgb(228,119,232)
```
#ea71ee
```
#ea71ee rgb(234,113,238)
```
#f06bf4
```
#f06bf4 rgb(240,107,244)
```
#f665fa
```
#f665fa rgb(246,101,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b297b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7da3ff Protanopia 1% of men
#8ba4e6 Deuteranopia 1% of men
#e38d96 Tritanopia 0.001% of the population

Trichromacy

#a78efb Protanomaly 1% of men, 0.01% of women
#af8feb Deuteranomaly 6% of men, 0.4% of women
#e880b8 Tritanomaly 0.01% of the population

#f06bf4 hex color

#f06bf4 Color Information

#f06bf4 Color Conversion

Color Schemes with #f06bf4

Alternatives to #f06bf4

#f06bf4 Preview

Shades and Tints of #f06bf4

Tones of #f06bf4

Color Blindness Simulator