#f81986 hex color

In a RGB color space, hex #f81986 is composed of 97.3% red, 9.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.9% magenta, 46% yellow and 2.7% black. It has a hue angle of 330.7 degrees, a saturation of 94.1% and a lightness of 53.5%. #f81986 color hex could be obtained by blending #ff32ff with #f1000d. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 97
- G 10
- B 53
RGB color chart
- C 0
- M 90
- Y 46
- K 3
CMYK color chart

● #f81986 color description : Vivid pink.

The hexadecimal color #f81986 has RGB values of R:248, G:25, B:134 and CMYK values of C:0, M:0.9, Y:0.46, K:0.03. Its decimal value is 16259462.

Hex triplet	f81986	`#f81986`
RGB Decimal	248, 25, 134	`rgb(248,25,134)`
RGB Percent	97.3, 9.8, 52.5	`rgb(97.3%,9.8%,52.5%)`
CMYK	0, 90, 46, 3
HSL	330.7°, 94.1, 53.5	`hsl(330.7,94.1%,53.5%)`
HSV (or HSB)	330.7°, 89.9, 97.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.426, 81.357, -0.37
XYZ	43.363, 22.378, 24.589
xyY	0.48, 0.248, 22.378
CIE-LCH	54.426, 81.358, 359.74
CIE-LUV	54.426, 131.058, -16.659
Hunter-Lab	47.305, 80.842, 2.295
Binary	11111000, 00011001, 10000110

#f81986
```
#f81986 rgb(248,25,134)
```
#19f88b
```
#19f88b rgb(25,248,139)
```

Complementary Color

#f819f6
```
#f819f6 rgb(248,25,246)
```
#f81986
```
#f81986 rgb(248,25,134)
```
#f81b19
```
#f81b19 rgb(248,27,25)
```

Analogous Color

#19f6f8
```
#19f6f8 rgb(25,246,248)
```
#f81986
```
#f81986 rgb(248,25,134)
```
#19f81b
```
#19f81b rgb(25,248,27)
```

Split Complementary Color

#1986f8
```
#1986f8 rgb(25,134,248)
```
#f81986
```
#f81986 rgb(248,25,134)
```
#86f819
```
#86f819 rgb(134,248,25)
```

Triadic Color

#8b19f8
```
#8b19f8 rgb(139,25,248)
```
#f81986
```
#f81986 rgb(248,25,134)
```
#86f819
```
#86f819 rgb(134,248,25)
```
#19f88b
```
#19f88b rgb(25,248,139)
```

Tetradic Color

#bf0660
```
#bf0660 rgb(191,6,96)
```
#d7076d
```
#d7076d rgb(215,7,109)
```
#f00779
```
#f00779 rgb(240,7,121)
```
#f81986
```
#f81986 rgb(248,25,134)
```
#f93293
```
#f93293 rgb(249,50,147)
```
#fa4aa0
```
#fa4aa0 rgb(250,74,160)
```
#fa63ad
```
#fa63ad rgb(250,99,173)
```

Monochromatic Color

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

#f819be
```
#f819be rgb(248,25,190)
```
#f819ab
```
#f819ab rgb(248,25,171)
```
#f81999
```
#f81999 rgb(248,25,153)
```
#f81986
```
#f81986 rgb(248,25,134)
```
#f81973
```
#f81973 rgb(248,25,115)
```
#f81961
```
#f81961 rgb(248,25,97)
```
#f8194e
```
#f8194e rgb(248,25,78)
```

Similar Colors

Text with hexadecimal color #f81986

This text has a font color of #f81986.

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

#f81986 background color

This paragraph has a background color of #f81986.

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

#f81986 border color

This element has a border color of #f81986.

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

CSS codes

.text {color:#f81986;}

.background {background-color:#f81986;}

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

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

#110109
```
#110109 rgb(17,1,9)
```
#250112
```
#250112 rgb(37,1,18)
```
#38021c
```
#38021c rgb(56,2,28)
```
#4b0226
```
#4b0226 rgb(75,2,38)
```
#5e032f
```
#5e032f rgb(94,3,47)
```
#710339
```
#710339 rgb(113,3,57)
```
#840442
```
#840442 rgb(132,4,66)
```
#97054c
```
#97054c rgb(151,5,76)
```
#aa0556
```
#aa0556 rgb(170,5,86)
```
#bd065f
```
#bd065f rgb(189,6,95)
```
#d00669
```
#d00669 rgb(208,6,105)
```
#e30772
```
#e30772 rgb(227,7,114)
```
#f6077c
```
#f6077c rgb(246,7,124)
```

Shade Color Variation

#f81986
```
#f81986 rgb(248,25,134)
```
#f92c90
```
#f92c90 rgb(249,44,144)
```
#f93f9a
```
#f93f9a rgb(249,63,154)
```
#fa52a4
```
#fa52a4 rgb(250,82,164)
```
#fa65ae
```
#fa65ae rgb(250,101,174)
```
#fb78b8
```
#fb78b8 rgb(251,120,184)
```
#fb8bc2
```
#fb8bc2 rgb(251,139,194)
```
#fc9ecc
```
#fc9ecc rgb(252,158,204)
```
#fdb1d6
```
#fdb1d6 rgb(253,177,214)
```
#fdc4e0
```
#fdc4e0 rgb(253,196,224)
```
#fed7ea
```
#fed7ea rgb(254,215,234)
```
#feeaf4
```
#feeaf4 rgb(254,234,244)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#8b8688
```
#8b8688 rgb(139,134,136)
```
#947d88
```
#947d88 rgb(148,125,136)
```
#9d7488
```
#9d7488 rgb(157,116,136)
```
#a66b88
```
#a66b88 rgb(166,107,136)
```
#af6288
```
#af6288 rgb(175,98,136)
```
#b85987
```
#b85987 rgb(184,89,135)
```
#c15087
```
#c15087 rgb(193,80,135)
```
#ca4787
```
#ca4787 rgb(202,71,135)
```
#d43d87
```
#d43d87 rgb(212,61,135)
```
#dd3487
```
#dd3487 rgb(221,52,135)
```
#e62b86
```
#e62b86 rgb(230,43,134)
```
#ef2286
```
#ef2286 rgb(239,34,134)
```
#f81986
```
#f81986 rgb(248,25,134)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#85586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7886b8 Protanopia 1% of men
#99847d Deuteranopia 1% of men
#f44244 Tritanopia 0.001% of the population

Trichromacy

#a65ea6 Protanomaly 1% of men, 0.01% of women
#bb5d80 Deuteranomaly 6% of men, 0.4% of women
#f5335c Tritanomaly 0.01% of the population

#f81986 hex color

#f81986 Color Information

#f81986 Color Conversion

Color Schemes with #f81986

Alternatives to #f81986

#f81986 Preview

Shades and Tints of #f81986

Tones of #f81986

Color Blindness Simulator