#f81061 hex color

In a RGB color space, hex #f81061 is composed of 97.3% red, 6.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 60.9% yellow and 2.7% black. It has a hue angle of 339.1 degrees, a saturation of 94.3% and a lightness of 51.8%. #f81061 color hex could be obtained by blending #ff20c2 with #f10000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 97
- G 6
- B 38
RGB color chart
- C 0
- M 94
- Y 61
- K 3
CMYK color chart

● #f81061 color description : Vivid pink.

The hexadecimal color #f81061 has RGB values of R:248, G:16, B:97 and CMYK values of C:0, M:0.94, Y:0.61, K:0.03. Its decimal value is 16257121.

Hex triplet	f81061	`#f81061`
RGB Decimal	248, 16, 97	`rgb(248,16,97)`
RGB Percent	97.3, 6.3, 38	`rgb(97.3%,6.3%,38%)`
CMYK	0, 94, 61, 3
HSL	339.1°, 94.3, 51.8	`hsl(339.1,94.3%,51.8%)`
HSV (or HSB)	339.1°, 93.5, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	53.162, 79.85, 20.166
XYZ	41.056, 21.195, 13.238
xyY	0.544, 0.281, 21.195
CIE-LCH	53.162, 82.357, 14.174
CIE-LUV	53.162, 147.942, 6.989
Hunter-Lab	46.038, 78.617, 15.178
Binary	11111000, 00010000, 01100001

#f81061
```
#f81061 rgb(248,16,97)
```
#10f8a7
```
#10f8a7 rgb(16,248,167)
```

Complementary Color

#f810d5
```
#f810d5 rgb(248,16,213)
```
#f81061
```
#f81061 rgb(248,16,97)
```
#f83310
```
#f83310 rgb(248,51,16)
```

Analogous Color

#10d5f8
```
#10d5f8 rgb(16,213,248)
```
#f81061
```
#f81061 rgb(248,16,97)
```
#10f833
```
#10f833 rgb(16,248,51)
```

Split Complementary Color

#1061f8
```
#1061f8 rgb(16,97,248)
```
#f81061
```
#f81061 rgb(248,16,97)
```
#61f810
```
#61f810 rgb(97,248,16)
```

Triadic Color

#a710f8
```
#a710f8 rgb(167,16,248)
```
#f81061
```
#f81061 rgb(248,16,97)
```
#61f810
```
#61f810 rgb(97,248,16)
```
#10f8a7
```
#10f8a7 rgb(16,248,167)
```

Tetradic Color

#b60543
```
#b60543 rgb(182,5,67)
```
#cf064c
```
#cf064c rgb(207,6,76)
```
#e80755
```
#e80755 rgb(232,7,85)
```
#f81061
```
#f81061 rgb(248,16,97)
```
#f92971
```
#f92971 rgb(249,41,113)
```
#f94282
```
#f94282 rgb(249,66,130)
```
#fa5a92
```
#fa5a92 rgb(250,90,146)
```

Monochromatic Color

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

#f8109b
```
#f8109b rgb(248,16,155)
```
#f81088
```
#f81088 rgb(248,16,136)
```
#f81074
```
#f81074 rgb(248,16,116)
```
#f81061
```
#f81061 rgb(248,16,97)
```
#f8104e
```
#f8104e rgb(248,16,78)
```
#f8103a
```
#f8103a rgb(248,16,58)
```
#f81027
```
#f81027 rgb(248,16,39)
```

Similar Colors

Text with hexadecimal color #f81061

This text has a font color of #f81061.

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

#f81061 background color

This paragraph has a background color of #f81061.

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

#f81061 border color

This element has a border color of #f81061.

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

CSS codes

.text {color:#f81061;}

.background {background-color:#f81061;}

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

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

#090003
```
#090003 rgb(9,0,3)
```
#1c010a
```
#1c010a rgb(28,1,10)
```
#2f0111
```
#2f0111 rgb(47,1,17)
```
#420218
```
#420218 rgb(66,2,24)
```
#55021f
```
#55021f rgb(85,2,31)
```
#680326
```
#680326 rgb(104,3,38)
```
#7b042d
```
#7b042d rgb(123,4,45)
```
#8e0434
```
#8e0434 rgb(142,4,52)
```
#a1053b
```
#a1053b rgb(161,5,59)
```
#b40542
```
#b40542 rgb(180,5,66)
```
#c70649
```
#c70649 rgb(199,6,73)
```
#da0650
```
#da0650 rgb(218,6,80)
```
#ed0757
```
#ed0757 rgb(237,7,87)
```

Shade Color Variation

#f81061
```
#f81061 rgb(248,16,97)
```
#f9236e
```
#f9236e rgb(249,35,110)
```
#f9367a
```
#f9367a rgb(249,54,122)
```
#fa4987
```
#fa4987 rgb(250,73,135)
```
#fa5c93
```
#fa5c93 rgb(250,92,147)
```
#fb6fa0
```
#fb6fa0 rgb(251,111,160)
```
#fb82ad
```
#fb82ad rgb(251,130,173)
```
#fc95b9
```
#fc95b9 rgb(252,149,185)
```
#fca8c6
```
#fca8c6 rgb(252,168,198)
```
#fdbcd2
```
#fdbcd2 rgb(253,188,210)
```
#fecfdf
```
#fecfdf rgb(254,207,223)
```
#fee2ec
```
#fee2ec rgb(254,226,236)
```
#fff5f8
```
#fff5f8 rgb(255,245,248)
```

Tint Color Variation

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

#868283
```
#868283 rgb(134,130,131)
```
#907880
```
#907880 rgb(144,120,128)
```
#996f7e
```
#996f7e rgb(153,111,126)
```
#a3657b
```
#a3657b rgb(163,101,123)
```
#ac5c78
```
#ac5c78 rgb(172,92,120)
```
#b65275
```
#b65275 rgb(182,82,117)
```
#bf4972
```
#bf4972 rgb(191,73,114)
```
#c93f6f
```
#c93f6f rgb(201,63,111)
```
#d2366c
```
#d2366c rgb(210,54,108)
```
#dc2c6a
```
#dc2c6a rgb(220,44,106)
```
#e52367
```
#e52367 rgb(229,35,103)
```
#ef1964
```
#ef1964 rgb(239,25,100)
```
#f81061
```
#f81061 rgb(248,16,97)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7e4f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#85848d Protanopia 1% of men
#9f805b Deuteranopia 1% of men
#f63231 Tritanopia 0.001% of the population

Trichromacy

#af5a7d Protanomaly 1% of men, 0.01% of women
#bf575d Deuteranomaly 6% of men, 0.4% of women
#f62542 Tritanomaly 0.01% of the population

#f81061 hex color

#f81061 Color Information

#f81061 Color Conversion

Color Schemes with #f81061

Alternatives to #f81061

#f81061 Preview

Shades and Tints of #f81061

Tones of #f81061

Color Blindness Simulator