#f06bf3 hex color

In a RGB color space, hex #f06bf3 is composed of 94.1% red, 42% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 56% magenta, 0% yellow and 4.7% black. It has a hue angle of 298.7 degrees, a saturation of 85% and a lightness of 68.6%. #f06bf3 color hex could be obtained by blending #ffd6ff with #e100e7. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 94
- G 42
- B 95
RGB color chart
- C 1
- M 56
- Y 0
- K 5
CMYK color chart

● #f06bf3 color description : Soft magenta.

The hexadecimal color #f06bf3 has RGB values of R:240, G:107, B:243 and CMYK values of C:0.01, M:0.56, Y:0, K:0.05. Its decimal value is 15756275.

Hex triplet	f06bf3	`#f06bf3`
RGB Decimal	240, 107, 243	`rgb(240,107,243)`
RGB Percent	94.1, 42, 95.3	`rgb(94.1%,42%,95.3%)`
CMYK	1, 56, 0, 5
HSL	298.7°, 85, 68.6	`hsl(298.7,85%,68.6%)`
HSV (or HSB)	298.7°, 56, 95.3
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	66.147, 68.471, -45.101
XYZ	57.369, 35.515, 88.622
xyY	0.316, 0.196, 35.515
CIE-LCH	66.147, 81.99, 326.628
CIE-LUV	66.147, 60.412, -81.619
Hunter-Lab	59.594, 67.545, -46.454
Binary	11110000, 01101011, 11110011

#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#6ef36b
```
#6ef36b rgb(110,243,107)
```

Complementary Color

#ac6bf3
```
#ac6bf3 rgb(172,107,243)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f36bb2
```
#f36bb2 rgb(243,107,178)
```

Analogous Color

#6bf3ac
```
#6bf3ac rgb(107,243,172)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#b2f36b
```
#b2f36b rgb(178,243,107)
```

Split Complementary Color

#6bf3f0
```
#6bf3f0 rgb(107,243,240)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f3f06b
```
#f3f06b rgb(243,240,107)
```

Triadic Color

#6b6ef3
```
#6b6ef3 rgb(107,110,243)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f3f06b
```
#f3f06b rgb(243,240,107)
```
#6ef36b
```
#6ef36b rgb(110,243,107)
```

Tetradic Color

#e924ed
```
#e924ed rgb(233,36,237)
```
#eb3cef
```
#eb3cef rgb(235,60,239)
```
#ee53f1
```
#ee53f1 rgb(238,83,241)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f283f5
```
#f283f5 rgb(242,131,245)
```
#f59af7
```
#f59af7 rgb(245,154,247)
```
#f7b2f9
```
#f7b2f9 rgb(247,178,249)
```

Monochromatic Color

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

#ce6bf3
```
#ce6bf3 rgb(206,107,243)
```
#d96bf3
```
#d96bf3 rgb(217,107,243)
```
#e56bf3
```
#e56bf3 rgb(229,107,243)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f36beb
```
#f36beb rgb(243,107,235)
```
#f36bdf
```
#f36bdf rgb(243,107,223)
```
#f36bd4
```
#f36bd4 rgb(243,107,212)
```

Similar Colors

Text with hexadecimal color #f06bf3

This text has a font color of #f06bf3.

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

#f06bf3 background color

This paragraph has a background color of #f06bf3.

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

#f06bf3 border color

This element has a border color of #f06bf3.

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

CSS codes

.text {color:#f06bf3;}

.background {background-color:#f06bf3;}

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

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

#0f010f
```
#0f010f rgb(15,1,15)
```
#210321
```
#210321 rgb(33,3,33)
```
#330434
```
#330434 rgb(51,4,52)
```
#440646
```
#440646 rgb(68,6,70)
```
#560758
```
#560758 rgb(86,7,88)
```
#68096a
```
#68096a rgb(104,9,106)
```
#7a0a7c
```
#7a0a7c rgb(122,10,124)
```
#8b0c8e
```
#8b0c8e rgb(139,12,142)
```
#9d0da0
```
#9d0da0 rgb(157,13,160)
```
#af0eb3
```
#af0eb3 rgb(175,14,179)
```
#c110c5
```
#c110c5 rgb(193,16,197)
```
#d311d7
```
#d311d7 rgb(211,17,215)
```
#e413e9
```
#e413e9 rgb(228,19,233)
```

Shade Color Variation

#e922ed
```
#e922ed rgb(233,34,237)
```
#ea35ef
```
#ea35ef rgb(234,53,239)
```
#ec47f0
```
#ec47f0 rgb(236,71,240)
```
#ee59f2
```
#ee59f2 rgb(238,89,242)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f27df4
```
#f27df4 rgb(242,125,244)
```
#f48ff6
```
#f48ff6 rgb(244,143,246)
```
#f6a1f7
```
#f6a1f7 rgb(246,161,247)
```
#f7b4f9
```
#f7b4f9 rgb(247,180,249)
```
#f9c6fa
```
#f9c6fa rgb(249,198,250)
```
#fbd8fc
```
#fbd8fc rgb(251,216,252)
```
#fdeafd
```
#fdeafd rgb(253,234,253)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#afafaf
```
#afafaf rgb(175,175,175)
```
#b5a9b5
```
#b5a9b5 rgb(181,169,181)
```
#bba2bc
```
#bba2bc rgb(187,162,188)
```
#c19cc2
```
#c19cc2 rgb(193,156,194)
```
#c796c8
```
#c796c8 rgb(199,150,200)
```
#cd90ce
```
#cd90ce rgb(205,144,206)
```
#d38ad4
```
#d38ad4 rgb(211,138,212)
```
#d884da
```
#d884da rgb(216,132,218)
```
#de7de1
```
#de7de1 rgb(222,125,225)
```
#e477e7
```
#e477e7 rgb(228,119,231)
```
#ea71ed
```
#ea71ed rgb(234,113,237)
```
#f06bf3
```
#f06bf3 rgb(240,107,243)
```
#f665f9
```
#f665f9 rgb(246,101,249)
```

Tone Color Variation

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

#7da2ff Protanopia 1% of men
#8ba4e5 Deuteranopia 1% of men
#e38c96 Tritanopia 0.001% of the population

Trichromacy

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

#f06bf3 hex color

#f06bf3 Color Information

#f06bf3 Color Conversion

Color Schemes with #f06bf3

Alternatives to #f06bf3

#f06bf3 Preview

Shades and Tints of #f06bf3

Tones of #f06bf3

Color Blindness Simulator