colorhexa.com

#f106be hex color

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

- R 95
- G 2
- B 75
RGB color chart
- C 0
- M 98
- Y 21
- K 5
CMYK color chart

● #f106be color description : Vivid magenta.

The hexadecimal color #f106be has RGB values of R:241, G:6, B:190 and CMYK values of C:0, M:0.98, Y:0.21, K:0.05. Its decimal value is 15795902.

Hex triplet	f106be	`#f106be`
RGB Decimal	241, 6, 190	`rgb(241,6,190)`
RGB Percent	94.5, 2.4, 74.5	`rgb(94.5%,2.4%,74.5%)`
CMYK	0, 98, 21, 5
HSL	313°, 95.1, 48.4	`hsl(313,95.1%,48.4%)`
HSV (or HSB)	313°, 97.5, 94.5
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	54.609, 87.175, -33.239
XYZ	45.635, 22.553, 50.662
xyY	0.384, 0.19, 22.553
CIE-LCH	54.609, 93.297, 339.128
CIE-LUV	54.609, 101.358, -63.601
Hunter-Lab	47.49, 88.422, -30.008
Binary	11110001, 00000110, 10111110

#f106be
```
#f106be rgb(241,6,190)
```
#06f139
```
#06f139 rgb(6,241,57)
```

Complementary Color

#af06f1
```
#af06f1 rgb(175,6,241)
```
#f106be
```
#f106be rgb(241,6,190)
```
#f10649
```
#f10649 rgb(241,6,73)
```

Analogous Color

#06f1af
```
#06f1af rgb(6,241,175)
```
#f106be
```
#f106be rgb(241,6,190)
```
#49f106
```
#49f106 rgb(73,241,6)
```

Split Complementary Color

#06bef1
```
#06bef1 rgb(6,190,241)
```
#f106be
```
#f106be rgb(241,6,190)
```
#bef106
```
#bef106 rgb(190,241,6)
```

Triadic Color

#a60483
```
#a60483 rgb(166,4,131)
```
#bf0597
```
#bf0597 rgb(191,5,151)
```
#d805aa
```
#d805aa rgb(216,5,170)
```
#f106be
```
#f106be rgb(241,6,190)
```
#f917c8
```
#f917c8 rgb(249,23,200)
```
#fa30ce
```
#fa30ce rgb(250,48,206)
```
#fa49d4
```
#fa49d4 rgb(250,73,212)
```

Monochromatic Color

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

#e906f1
```
#e906f1 rgb(233,6,241)
```
#f106e5
```
#f106e5 rgb(241,6,229)
```
#f106d2
```
#f106d2 rgb(241,6,210)
```
#f106be
```
#f106be rgb(241,6,190)
```
#f106aa
```
#f106aa rgb(241,6,170)
```
#f10697
```
#f10697 rgb(241,6,151)
```
#f10683
```
#f10683 rgb(241,6,131)
```

Similar Colors

Text with hexadecimal color #f106be

This text has a font color of #f106be.

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

#f106be background color

This paragraph has a background color of #f106be.

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

#f106be border color

This element has a border color of #f106be.

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

CSS codes

.text {color:#f106be;}

.background {background-color:#f106be;}

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

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 #fff7fd is the lightest one.

#0b0009
```
#0b0009 rgb(11,0,9)
```
#1e0118
```
#1e0118 rgb(30,1,24)
```
#320127
```
#320127 rgb(50,1,39)
```
#450236
```
#450236 rgb(69,2,54)
```
#580245
```
#580245 rgb(88,2,69)
```
#6b0354
```
#6b0354 rgb(107,3,84)
```
#7e0363
```
#7e0363 rgb(126,3,99)
```
#910473
```
#910473 rgb(145,4,115)
```
#a40482
```
#a40482 rgb(164,4,130)
```
#b80591
```
#b80591 rgb(184,5,145)
```
#cb05a0
```
#cb05a0 rgb(203,5,160)
```
#de06af
```
#de06af rgb(222,6,175)
```
#f106be
```
#f106be rgb(241,6,190)
```

Shade Color Variation

#f912c7
```
#f912c7 rgb(249,18,199)
```
#fa25cb
```
#fa25cb rgb(250,37,203)
```
#fa38d0
```
#fa38d0 rgb(250,56,208)
```
#fb4bd4
```
#fb4bd4 rgb(251,75,212)
```
#fb5ed9
```
#fb5ed9 rgb(251,94,217)
```
#fb71dd
```
#fb71dd rgb(251,113,221)
```
#fc84e2
```
#fc84e2 rgb(252,132,226)
```
#fc97e7
```
#fc97e7 rgb(252,151,231)
```
#fdabeb
```
#fdabeb rgb(253,171,235)
```
#fdbef0
```
#fdbef0 rgb(253,190,240)
```
#fed1f4
```
#fed1f4 rgb(254,209,244)
```
#fee4f9
```
#fee4f9 rgb(254,228,249)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#7f787d
```
#7f787d rgb(127,120,125)
```
#896f83
```
#896f83 rgb(137,111,131)
```
#926588
```
#926588 rgb(146,101,136)
```
#9c5c8e
```
#9c5c8e rgb(156,92,142)
```
#a55293
```
#a55293 rgb(165,82,147)
```
#af4998
```
#af4998 rgb(175,73,152)
```
#b83f9e
```
#b83f9e rgb(184,63,158)
```
#c236a3
```
#c236a3 rgb(194,54,163)
```
#cb2ca8
```
#cb2ca8 rgb(203,44,168)
```
#d523ae
```
#d523ae rgb(213,35,174)
```
#de19b3
```
#de19b3 rgb(222,25,179)
```
#e810b9
```
#e810b9 rgb(232,16,185)
```
#f106be
```
#f106be rgb(241,6,190)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7e4f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#8087ae Deuteranopia 1% of men
#e85357 Tritanopia 0.001% of the population

Trichromacy

#7456e7 Protanomaly 1% of men, 0.01% of women
#a958b4 Deuteranomaly 6% of men, 0.4% of women
#eb377c Tritanomaly 0.01% of the population