#f81081 hex color

In a RGB color space, hex #f81081 is composed of 97.3% red, 6.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 48% yellow and 2.7% black. It has a hue angle of 330.8 degrees, a saturation of 94.3% and a lightness of 51.8%. #f81081 color hex could be obtained by blending #ff20ff with #f10003. Closest websafe color is: #ff0099.

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

● #f81081 color description : Vivid pink.

The hexadecimal color #f81081 has RGB values of R:248, G:16, B:129 and CMYK values of C:0, M:0.94, Y:0.48, K:0.03. Its decimal value is 16257153.

Hex triplet	f81081	`#f81081`
RGB Decimal	248, 16, 129	`rgb(248,16,129)`
RGB Percent	97.3, 6.3, 50.6	`rgb(97.3%,6.3%,50.6%)`
CMYK	0, 94, 48, 3
HSL	330.8°, 94.3, 51.8	`hsl(330.8,94.3%,51.8%)`
HSV (or HSB)	330.8°, 93.5, 97.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.939, 81.961, 1.921
XYZ	42.861, 21.917, 22.741
xyY	0.49, 0.25, 21.917
CIE-LCH	53.939, 81.984, 1.343
CIE-LUV	53.939, 134.593, -13.933
Hunter-Lab	46.816, 81.493, 3.97
Binary	11111000, 00010000, 10000001

#f81081
```
#f81081 rgb(248,16,129)
```
#10f887
```
#10f887 rgb(16,248,135)
```

Complementary Color

#f810f5
```
#f810f5 rgb(248,16,245)
```
#f81081
```
#f81081 rgb(248,16,129)
```
#f81310
```
#f81310 rgb(248,19,16)
```

Analogous Color

#10f5f8
```
#10f5f8 rgb(16,245,248)
```
#f81081
```
#f81081 rgb(248,16,129)
```
#10f813
```
#10f813 rgb(16,248,19)
```

Split Complementary Color

#1081f8
```
#1081f8 rgb(16,129,248)
```
#f81081
```
#f81081 rgb(248,16,129)
```
#81f810
```
#81f810 rgb(129,248,16)
```

Triadic Color

#8710f8
```
#8710f8 rgb(135,16,248)
```
#f81081
```
#f81081 rgb(248,16,129)
```
#81f810
```
#81f810 rgb(129,248,16)
```
#10f887
```
#10f887 rgb(16,248,135)
```

Tetradic Color

#b6055b
```
#b6055b rgb(182,5,91)
```
#cf0668
```
#cf0668 rgb(207,6,104)
```
#e80774
```
#e80774 rgb(232,7,116)
```
#f81081
```
#f81081 rgb(248,16,129)
```
#f9298e
```
#f9298e rgb(249,41,142)
```
#f9429b
```
#f9429b rgb(249,66,155)
```
#fa5aa8
```
#fa5aa8 rgb(250,90,168)
```

Monochromatic Color

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

#f810bb
```
#f810bb rgb(248,16,187)
```
#f810a8
```
#f810a8 rgb(248,16,168)
```
#f81094
```
#f81094 rgb(248,16,148)
```
#f81081
```
#f81081 rgb(248,16,129)
```
#f8106e
```
#f8106e rgb(248,16,110)
```
#f8105a
```
#f8105a rgb(248,16,90)
```
#f81047
```
#f81047 rgb(248,16,71)
```

Similar Colors

Text with hexadecimal color #f81081

This text has a font color of #f81081.

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

#f81081 background color

This paragraph has a background color of #f81081.

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

#f81081 border color

This element has a border color of #f81081.

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

CSS codes

.text {color:#f81081;}

.background {background-color:#f81081;}

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

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

#090004
```
#090004 rgb(9,0,4)
```
#1c010e
```
#1c010e rgb(28,1,14)
```
#2f0118
```
#2f0118 rgb(47,1,24)
```
#420221
```
#420221 rgb(66,2,33)
```
#55022b
```
#55022b rgb(85,2,43)
```
#680334
```
#680334 rgb(104,3,52)
```
#7b043e
```
#7b043e rgb(123,4,62)
```
#8e0447
```
#8e0447 rgb(142,4,71)
```
#a10551
```
#a10551 rgb(161,5,81)
```
#b4055b
```
#b4055b rgb(180,5,91)
```
#c70664
```
#c70664 rgb(199,6,100)
```
#da066e
```
#da066e rgb(218,6,110)
```
#ed0777
```
#ed0777 rgb(237,7,119)
```

Shade Color Variation

#f81081
```
#f81081 rgb(248,16,129)
```
#f9238b
```
#f9238b rgb(249,35,139)
```
#f93695
```
#f93695 rgb(249,54,149)
```
#fa499f
```
#fa499f rgb(250,73,159)
```
#fa5ca9
```
#fa5ca9 rgb(250,92,169)
```
#fb6fb3
```
#fb6fb3 rgb(251,111,179)
```
#fb82bd
```
#fb82bd rgb(251,130,189)
```
#fc95c7
```
#fc95c7 rgb(252,149,199)
```
#fca8d1
```
#fca8d1 rgb(252,168,209)
```
#fdbcdb
```
#fdbcdb rgb(253,188,219)
```
#fecfe5
```
#fecfe5 rgb(254,207,229)
```
#fee2f0
```
#fee2f0 rgb(254,226,240)
```
#fff5fa
```
#fff5fa rgb(255,245,250)
```

Tint Color Variation

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

#868284
```
#868284 rgb(134,130,132)
```
#907884
```
#907884 rgb(144,120,132)
```
#996f83
```
#996f83 rgb(153,111,131)
```
#a36583
```
#a36583 rgb(163,101,131)
```
#ac5c83
```
#ac5c83 rgb(172,92,131)
```
#b65283
```
#b65283 rgb(182,82,131)
```
#bf4982
```
#bf4982 rgb(191,73,130)
```
#c93f82
```
#c93f82 rgb(201,63,130)
```
#d23682
```
#d23682 rgb(210,54,130)
```
#dc2c82
```
#dc2c82 rgb(220,44,130)
```
#e52381
```
#e52381 rgb(229,35,129)
```
#ef1981
```
#ef1981 rgb(239,25,129)
```
#f81081
```
#f81081 rgb(248,16,129)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#805268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7885b4 Protanopia 1% of men
#998278 Deuteranopia 1% of men
#f43d3e Tritanopia 0.001% of the population

Trichromacy

#a75ba1 Protanomaly 1% of men, 0.01% of women
#bb597b Deuteranomaly 6% of men, 0.4% of women
#f52d56 Tritanomaly 0.01% of the population

#f81081 hex color

#f81081 Color Information

#f81081 Color Conversion

Color Schemes with #f81081

Alternatives to #f81081

#f81081 Preview

Shades and Tints of #f81081

Tones of #f81081

Color Blindness Simulator