#f81155 hex color

In a RGB color space, hex #f81155 is composed of 97.3% red, 6.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.1% magenta, 65.7% yellow and 2.7% black. It has a hue angle of 342.3 degrees, a saturation of 94.3% and a lightness of 52%. #f81155 color hex could be obtained by blending #ff22aa with #f10000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 97
- G 7
- B 33
RGB color chart
- C 0
- M 93
- Y 66
- K 3
CMYK color chart

● #f81155 color description : Vivid pink.

The hexadecimal color #f81155 has RGB values of R:248, G:17, B:85 and CMYK values of C:0, M:0.93, Y:0.66, K:0.03. Its decimal value is 16257365.

Hex triplet	f81155	`#f81155`
RGB Decimal	248, 17, 85	`rgb(248,17,85)`
RGB Percent	97.3, 6.7, 33.3	`rgb(97.3%,6.7%,33.3%)`
CMYK	0, 93, 66, 3
HSL	342.3°, 94.3, 52	`hsl(342.3,94.3%,52%)`
HSV (or HSB)	342.3°, 93.1, 97.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.97, 79.132, 27.153
XYZ	40.553, 21.018, 10.516
xyY	0.563, 0.292, 21.018
CIE-LCH	52.97, 83.661, 18.939
CIE-LUV	52.97, 152.121, 13.764
Hunter-Lab	45.846, 77.664, 18.493
Binary	11111000, 00010001, 01010101

#f81155
```
#f81155 rgb(248,17,85)
```
#11f8b4
```
#11f8b4 rgb(17,248,180)
```

Complementary Color

#f811c9
```
#f811c9 rgb(248,17,201)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#f84011
```
#f84011 rgb(248,64,17)
```

Analogous Color

#11c9f8
```
#11c9f8 rgb(17,201,248)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#11f840
```
#11f840 rgb(17,248,64)
```

Split Complementary Color

#1155f8
```
#1155f8 rgb(17,85,248)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#55f811
```
#55f811 rgb(85,248,17)
```

Triadic Color

#b411f8
```
#b411f8 rgb(180,17,248)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#55f811
```
#55f811 rgb(85,248,17)
```
#11f8b4
```
#11f8b4 rgb(17,248,180)
```

Tetradic Color

#b7053a
```
#b7053a rgb(183,5,58)
```
#d00642
```
#d00642 rgb(208,6,66)
```
#e90749
```
#e90749 rgb(233,7,73)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#f92a67
```
#f92a67 rgb(249,42,103)
```
#f94378
```
#f94378 rgb(249,67,120)
```
#fa5b8a
```
#fa5b8a rgb(250,91,138)
```

Monochromatic Color

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

#f8118f
```
#f8118f rgb(248,17,143)
```
#f8117c
```
#f8117c rgb(248,17,124)
```
#f81168
```
#f81168 rgb(248,17,104)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#f8112f
```
#f8112f rgb(248,17,47)
```
#f8111b
```
#f8111b rgb(248,17,27)
```

Similar Colors

Text with hexadecimal color #f81155

This text has a font color of #f81155.

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

#f81155 background color

This paragraph has a background color of #f81155.

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

#f81155 border color

This element has a border color of #f81155.

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

CSS codes

.text {color:#f81155;}

.background {background-color:#f81155;}

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

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, #0a0003 is the darkest color, while #fff6f8 is the lightest one.

#0a0003
```
#0a0003 rgb(10,0,3)
```
#1d0109
```
#1d0109 rgb(29,1,9)
```
#30010f
```
#30010f rgb(48,1,15)
```
#430215
```
#430215 rgb(67,2,21)
```
#56031b
```
#56031b rgb(86,3,27)
```
#690321
```
#690321 rgb(105,3,33)
```
#7c0427
```
#7c0427 rgb(124,4,39)
```
#8f042d
```
#8f042d rgb(143,4,45)
```
#a20533
```
#a20533 rgb(162,5,51)
```
#b50539
```
#b50539 rgb(181,5,57)
```
#c8063f
```
#c8063f rgb(200,6,63)
```
#db0645
```
#db0645 rgb(219,6,69)
```
#ee074b
```
#ee074b rgb(238,7,75)
```

Shade Color Variation

#f81155
```
#f81155 rgb(248,17,85)
```
#f92463
```
#f92463 rgb(249,36,99)
```
#f93770
```
#f93770 rgb(249,55,112)
```
#fa4a7e
```
#fa4a7e rgb(250,74,126)
```
#fa5d8b
```
#fa5d8b rgb(250,93,139)
```
#fb7099
```
#fb7099 rgb(251,112,153)
```
#fb83a7
```
#fb83a7 rgb(251,131,167)
```
#fc96b4
```
#fc96b4 rgb(252,150,180)
```
#fca9c2
```
#fca9c2 rgb(252,169,194)
```
#fdbccf
```
#fdbccf rgb(253,188,207)
```
#fed0dd
```
#fed0dd rgb(254,208,221)
```
#fee3eb
```
#fee3eb rgb(254,227,235)
```
#fff6f8
```
#fff6f8 rgb(255,246,248)
```

Tint Color Variation

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

#878284
```
#878284 rgb(135,130,132)
```
#907980
```
#907980 rgb(144,121,128)
```
#9a6f7c
```
#9a6f7c rgb(154,111,124)
```
#a36678
```
#a36678 rgb(163,102,120)
```
#ad5c74
```
#ad5c74 rgb(173,92,116)
```
#b65370
```
#b65370 rgb(182,83,112)
```
#bf4a6c
```
#bf4a6c rgb(191,74,108)
```
#c94068
```
#c94068 rgb(201,64,104)
```
#d23765
```
#d23765 rgb(210,55,101)
```
#dc2d61
```
#dc2d61 rgb(220,45,97)
```
#e5245d
```
#e5245d rgb(229,36,93)
```
#ef1a59
```
#ef1a59 rgb(239,26,89)
```
#f81155
```
#f81155 rgb(248,17,85)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7d4f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#88847e Protanopia 1% of men
#a07f4f Deuteranopia 1% of men
#f62e2c Tritanopia 0.001% of the population

Trichromacy

#b15a6f Protanomaly 1% of men, 0.01% of women
#c05751 Deuteranomaly 6% of men, 0.4% of women
#f7243b Tritanomaly 0.01% of the population

#f81155 hex color

#f81155 Color Information

#f81155 Color Conversion

Color Schemes with #f81155

Alternatives to #f81155

#f81155 Preview

Shades and Tints of #f81155

Tones of #f81155

Color Blindness Simulator