#f81072 hex color

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

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

● #f81072 color description : Vivid pink.

The hexadecimal color #f81072 has RGB values of R:248, G:16, B:114 and CMYK values of C:0, M:0.94, Y:0.54, K:0.03. Its decimal value is 16257138.

Hex triplet	f81072	`#f81072`
RGB Decimal	248, 16, 114	`rgb(248,16,114)`
RGB Percent	97.3, 6.3, 44.7	`rgb(97.3%,6.3%,44.7%)`
CMYK	0, 94, 54, 3
HSL	334.7°, 94.3, 51.8	`hsl(334.7,94.3%,51.8%)`
HSV (or HSB)	334.7°, 93.5, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	53.543, 80.889, 10.402
XYZ	41.936, 21.547, 17.87
xyY	0.515, 0.265, 21.547
CIE-LCH	53.543, 81.555, 7.328
CIE-LUV	53.543, 141.119, -3.645
Hunter-Lab	46.419, 80.028, 9.669
Binary	11111000, 00010000, 01110010

#f81072
```
#f81072 rgb(248,16,114)
```
#10f896
```
#10f896 rgb(16,248,150)
```

Complementary Color

#f810e6
```
#f810e6 rgb(248,16,230)
```
#f81072
```
#f81072 rgb(248,16,114)
```
#f82210
```
#f82210 rgb(248,34,16)
```

Analogous Color

#10e6f8
```
#10e6f8 rgb(16,230,248)
```
#f81072
```
#f81072 rgb(248,16,114)
```
#10f822
```
#10f822 rgb(16,248,34)
```

Split Complementary Color

#1072f8
```
#1072f8 rgb(16,114,248)
```
#f81072
```
#f81072 rgb(248,16,114)
```
#72f810
```
#72f810 rgb(114,248,16)
```

Triadic Color

#9610f8
```
#9610f8 rgb(150,16,248)
```
#f81072
```
#f81072 rgb(248,16,114)
```
#72f810
```
#72f810 rgb(114,248,16)
```
#10f896
```
#10f896 rgb(16,248,150)
```

Tetradic Color

#b60550
```
#b60550 rgb(182,5,80)
```
#cf065b
```
#cf065b rgb(207,6,91)
```
#e80766
```
#e80766 rgb(232,7,102)
```
#f81072
```
#f81072 rgb(248,16,114)
```
#f92981
```
#f92981 rgb(249,41,129)
```
#f9428f
```
#f9428f rgb(249,66,143)
```
#fa5a9e
```
#fa5a9e rgb(250,90,158)
```

Monochromatic Color

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

#f810ac
```
#f810ac rgb(248,16,172)
```
#f81099
```
#f81099 rgb(248,16,153)
```
#f81085
```
#f81085 rgb(248,16,133)
```
#f81072
```
#f81072 rgb(248,16,114)
```
#f8105f
```
#f8105f rgb(248,16,95)
```
#f8104b
```
#f8104b rgb(248,16,75)
```
#f81038
```
#f81038 rgb(248,16,56)
```

Similar Colors

Text with hexadecimal color #f81072

This text has a font color of #f81072.

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

#f81072 background color

This paragraph has a background color of #f81072.

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

#f81072 border color

This element has a border color of #f81072.

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

CSS codes

.text {color:#f81072;}

.background {background-color:#f81072;}

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

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

#090004
```
#090004 rgb(9,0,4)
```
#1c010c
```
#1c010c rgb(28,1,12)
```
#2f0115
```
#2f0115 rgb(47,1,21)
```
#42021d
```
#42021d rgb(66,2,29)
```
#550225
```
#550225 rgb(85,2,37)
```
#68032e
```
#68032e rgb(104,3,46)
```
#7b0436
```
#7b0436 rgb(123,4,54)
```
#8e043e
```
#8e043e rgb(142,4,62)
```
#a10547
```
#a10547 rgb(161,5,71)
```
#b4054f
```
#b4054f rgb(180,5,79)
```
#c70658
```
#c70658 rgb(199,6,88)
```
#da0660
```
#da0660 rgb(218,6,96)
```
#ed0768
```
#ed0768 rgb(237,7,104)
```

Shade Color Variation

#f81072
```
#f81072 rgb(248,16,114)
```
#f9237d
```
#f9237d rgb(249,35,125)
```
#f93688
```
#f93688 rgb(249,54,136)
```
#fa4994
```
#fa4994 rgb(250,73,148)
```
#fa5c9f
```
#fa5c9f rgb(250,92,159)
```
#fb6faa
```
#fb6faa rgb(251,111,170)
```
#fb82b5
```
#fb82b5 rgb(251,130,181)
```
#fc95c1
```
#fc95c1 rgb(252,149,193)
```
#fca8cc
```
#fca8cc rgb(252,168,204)
```
#fdbcd7
```
#fdbcd7 rgb(253,188,215)
```
#fecfe2
```
#fecfe2 rgb(254,207,226)
```
#fee2ee
```
#fee2ee rgb(254,226,238)
```
#fff5f9
```
#fff5f9 rgb(255,245,249)
```

Tint Color Variation

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

#868284
```
#868284 rgb(134,130,132)
```
#907882
```
#907882 rgb(144,120,130)
```
#996f81
```
#996f81 rgb(153,111,129)
```
#a3657f
```
#a3657f rgb(163,101,127)
```
#ac5c7e
```
#ac5c7e rgb(172,92,126)
```
#b6527c
```
#b6527c rgb(182,82,124)
```
#bf497b
```
#bf497b rgb(191,73,123)
```
#c93f79
```
#c93f79 rgb(201,63,121)
```
#d23678
```
#d23678 rgb(210,54,120)
```
#dc2c76
```
#dc2c76 rgb(220,44,118)
```
#e52375
```
#e52375 rgb(229,35,117)
```
#ef1973
```
#ef1973 rgb(239,25,115)
```
#f81072
```
#f81072 rgb(248,16,114)
```

Tone Color Variation

Below, you can see how #f81072 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
#7f5164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f85a2 Protanopia 1% of men
#9c816b Deuteranopia 1% of men
#f53838 Tritanopia 0.001% of the population

Trichromacy

#ab5a90 Protanomaly 1% of men, 0.01% of women
#bd586d Deuteranomaly 6% of men, 0.4% of women
#f6294d Tritanomaly 0.01% of the population

#f81072 hex color

#f81072 Color Information

#f81072 Color Conversion

Color Schemes with #f81072

Alternatives to #f81072

#f81072 Preview

Shades and Tints of #f81072

Tones of #f81072

Color Blindness Simulator