#f106ca hex color

In a RGB color space, hex #f106ca is composed of 94.5% red, 2.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 16.2% yellow and 5.5% black. It has a hue angle of 310 degrees, a saturation of 95.1% and a lightness of 48.4%. #f106ca color hex could be obtained by blending #ff0cff with #e30095. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 2
- B 79
RGB color chart
- C 0
- M 98
- Y 16
- K 5
CMYK color chart

● #f106ca color description : Vivid magenta.

The hexadecimal color #f106ca has RGB values of R:241, G:6, B:202 and CMYK values of C:0, M:0.98, Y:0.16, K:0.05. Its decimal value is 15795914.

Hex triplet	f106ca	`#f106ca`
RGB Decimal	241, 6, 202	`rgb(241,6,202)`
RGB Percent	94.5, 2.4, 79.2	`rgb(94.5%,2.4%,79.2%)`
CMYK	0, 98, 16, 5
HSL	310°, 95.1, 48.4	`hsl(310,95.1%,48.4%)`
HSV (or HSB)	310°, 97.5, 94.5
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.175, 88.605, -39.278
XYZ	47.001, 23.099, 57.857
xyY	0.367, 0.181, 23.099
CIE-LCH	55.175, 96.921, 336.092
CIE-LUV	55.175, 95.901, -72.961
Hunter-Lab	48.062, 90.454, -37.731
Binary	11110001, 00000110, 11001010

#f106ca
```
#f106ca rgb(241,6,202)
```
#06f12d
```
#06f12d rgb(6,241,45)
```

Complementary Color

#a306f1
```
#a306f1 rgb(163,6,241)
```
#f106ca
```
#f106ca rgb(241,6,202)
```
#f10655
```
#f10655 rgb(241,6,85)
```

Analogous Color

#06f1a3
```
#06f1a3 rgb(6,241,163)
```
#f106ca
```
#f106ca rgb(241,6,202)
```
#54f106
```
#54f106 rgb(84,241,6)
```

Split Complementary Color

#06caf1
```
#06caf1 rgb(6,202,241)
```
#f106ca
```
#f106ca rgb(241,6,202)
```
#caf106
```
#caf106 rgb(202,241,6)
```

Triadic Color

#2d06f1
```
#2d06f1 rgb(45,6,241)
```
#f106ca
```
#f106ca rgb(241,6,202)
```
#caf106
```
#caf106 rgb(202,241,6)
```
#06f12d
```
#06f12d rgb(6,241,45)
```

Tetradic Color

#a6048b
```
#a6048b rgb(166,4,139)
```
#bf05a0
```
#bf05a0 rgb(191,5,160)
```
#d805b5
```
#d805b5 rgb(216,5,181)
```
#f106ca
```
#f106ca rgb(241,6,202)
```
#f917d4
```
#f917d4 rgb(249,23,212)
```
#fa30d8
```
#fa30d8 rgb(250,48,216)
```
#fa49dd
```
#fa49dd rgb(250,73,221)
```

Monochromatic Color

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

#dd06f1
```
#dd06f1 rgb(221,6,241)
```
#f106f1
```
#f106f1 rgb(241,6,241)
```
#f106de
```
#f106de rgb(241,6,222)
```
#f106ca
```
#f106ca rgb(241,6,202)
```
#f106b6
```
#f106b6 rgb(241,6,182)
```
#f106a3
```
#f106a3 rgb(241,6,163)
```
#f1068f
```
#f1068f rgb(241,6,143)
```

Similar Colors

Text with hexadecimal color #f106ca

This text has a font color of #f106ca.

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

#f106ca background color

This paragraph has a background color of #f106ca.

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

#f106ca border color

This element has a border color of #f106ca.

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

CSS codes

.text {color:#f106ca;}

.background {background-color:#f106ca;}

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

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

#0b0009
```
#0b0009 rgb(11,0,9)
```
#1e011a
```
#1e011a rgb(30,1,26)
```
#32012a
```
#32012a rgb(50,1,42)
```
#45023a
```
#45023a rgb(69,2,58)
```
#58024a
```
#58024a rgb(88,2,74)
```
#6b035a
```
#6b035a rgb(107,3,90)
```
#7e036a
```
#7e036a rgb(126,3,106)
```
#91047a
```
#91047a rgb(145,4,122)
```
#a4048a
```
#a4048a rgb(164,4,138)
```
#b8059a
```
#b8059a rgb(184,5,154)
```
#cb05aa
```
#cb05aa rgb(203,5,170)
```
#de06ba
```
#de06ba rgb(222,6,186)
```
#f106ca
```
#f106ca rgb(241,6,202)
```

Shade Color Variation

#f912d3
```
#f912d3 rgb(249,18,211)
```
#fa25d6
```
#fa25d6 rgb(250,37,214)
```
#fa38da
```
#fa38da rgb(250,56,218)
```
#fb4bdd
```
#fb4bdd rgb(251,75,221)
```
#fb5ee1
```
#fb5ee1 rgb(251,94,225)
```
#fb71e5
```
#fb71e5 rgb(251,113,229)
```
#fc84e8
```
#fc84e8 rgb(252,132,232)
```
#fc97ec
```
#fc97ec rgb(252,151,236)
```
#fdabef
```
#fdabef rgb(253,171,239)
```
#fdbef3
```
#fdbef3 rgb(253,190,243)
```
#fed1f6
```
#fed1f6 rgb(254,209,246)
```
#fee4fa
```
#fee4fa rgb(254,228,250)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#7f787e
```
#7f787e rgb(127,120,126)
```
#896f84
```
#896f84 rgb(137,111,132)
```
#92658b
```
#92658b rgb(146,101,139)
```
#9c5c91
```
#9c5c91 rgb(156,92,145)
```
#a55297
```
#a55297 rgb(165,82,151)
```
#af499e
```
#af499e rgb(175,73,158)
```
#b83fa4
```
#b83fa4 rgb(184,63,164)
```
#c236aa
```
#c236aa rgb(194,54,170)
```
#cb2cb1
```
#cb2cb1 rgb(203,44,177)
```
#d523b7
```
#d523b7 rgb(213,35,183)
```
#de19bd
```
#de19bd rgb(222,25,189)
```
#e810c4
```
#e810c4 rgb(232,16,196)
```
#f106ca
```
#f106ca rgb(241,6,202)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#7f5078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3386ff Protanopia 1% of men
#7a88b9 Deuteranopia 1% of men
#e7585d Tritanopia 0.001% of the population

Trichromacy

#7857eb Protanomaly 1% of men, 0.01% of women
#a559bf Deuteranomaly 6% of men, 0.4% of women
#ea3a84 Tritanomaly 0.01% of the population

#f106ca hex color

#f106ca Color Information

#f106ca Color Conversion

Color Schemes with #f106ca

Alternatives to #f106ca

#f106ca Preview

Shades and Tints of #f106ca

Tones of #f106ca

Color Blindness Simulator