#f84980 hex color

In a RGB color space, hex #f84980 is composed of 97.3% red, 28.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.6% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 341.1 degrees, a saturation of 92.6% and a lightness of 62.9%. #f84980 color hex could be obtained by blending #ff92ff with #f10001. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 29
- B 50
RGB color chart
- C 0
- M 71
- Y 48
- K 3
CMYK color chart

● #f84980 color description : Bright pink.

The hexadecimal color #f84980 has RGB values of R:248, G:73, B:128 and CMYK values of C:0, M:0.71, Y:0.48, K:0.03. Its decimal value is 16271744.

Hex triplet	f84980	`#f84980`
RGB Decimal	248, 73, 128	`rgb(248,73,128)`
RGB Percent	97.3, 28.6, 50.2	`rgb(97.3%,28.6%,50.2%)`
CMYK	0, 71, 48, 3
HSL	341.1°, 92.6, 62.9	`hsl(341.1,92.6%,62.9%)`
HSV (or HSB)	341.1°, 70.6, 97.3
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.306, 69.388, 8.787
XYZ	44.992, 26.285, 23.125
xyY	0.477, 0.278, 26.285
CIE-LCH	58.306, 69.942, 7.218
CIE-LUV	58.306, 118.23, -2.46
Hunter-Lab	51.269, 66.925, 9.145
Binary	11111000, 01001001, 10000000

#f84980
```
#f84980 rgb(248,73,128)
```
#49f8c1
```
#49f8c1 rgb(73,248,193)
```

Complementary Color

#f849d8
```
#f849d8 rgb(248,73,216)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#f86a49
```
#f86a49 rgb(248,106,73)
```

Analogous Color

#49d8f8
```
#49d8f8 rgb(73,216,248)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#49f86a
```
#49f86a rgb(73,248,106)
```

Split Complementary Color

#4980f8
```
#4980f8 rgb(73,128,248)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#80f849
```
#80f849 rgb(128,248,73)
```

Triadic Color

#c149f8
```
#c149f8 rgb(193,73,248)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#80f849
```
#80f849 rgb(128,248,73)
```
#49f8c1
```
#49f8c1 rgb(73,248,193)
```

Tetradic Color

#eb0950
```
#eb0950 rgb(235,9,80)
```
#f6185e
```
#f6185e rgb(246,24,94)
```
#f7306f
```
#f7306f rgb(247,48,111)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#f96291
```
#f96291 rgb(249,98,145)
```
#fa7aa2
```
#fa7aa2 rgb(250,122,162)
```
#fb93b3
```
#fb93b3 rgb(251,147,179)
```

Monochromatic Color

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

#f849ac
```
#f849ac rgb(248,73,172)
```
#f8499d
```
#f8499d rgb(248,73,157)
```
#f8498f
```
#f8498f rgb(248,73,143)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#f84971
```
#f84971 rgb(248,73,113)
```
#f84963
```
#f84963 rgb(248,73,99)
```
#f84954
```
#f84954 rgb(248,73,84)
```

Similar Colors

Text with hexadecimal color #f84980

This text has a font color of #f84980.

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

#f84980 background color

This paragraph has a background color of #f84980.

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

#f84980 border color

This element has a border color of #f84980.

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

CSS codes

.text {color:#f84980;}

.background {background-color:#f84980;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#1a0109
```
#1a0109 rgb(26,1,9)
```
#2d020f
```
#2d020f rgb(45,2,15)
```
#400216
```
#400216 rgb(64,2,22)
```
#52031c
```
#52031c rgb(82,3,28)
```
#650423
```
#650423 rgb(101,4,35)
```
#780529
```
#780529 rgb(120,5,41)
```
#8b052f
```
#8b052f rgb(139,5,47)
```
#9e0636
```
#9e0636 rgb(158,6,54)
```
#b1073c
```
#b1073c rgb(177,7,60)
```
#c40843
```
#c40843 rgb(196,8,67)
```
#d70849
```
#d70849 rgb(215,8,73)
```
#ea0950
```
#ea0950 rgb(234,9,80)
```

Shade Color Variation

#f61058
```
#f61058 rgb(246,16,88)
```
#f72366
```
#f72366 rgb(247,35,102)
```
#f73673
```
#f73673 rgb(247,54,115)
```
#f84980
```
#f84980 rgb(248,73,128)
```
#f95c8d
```
#f95c8d rgb(249,92,141)
```
#f96f9a
```
#f96f9a rgb(249,111,154)
```
#fa82a8
```
#fa82a8 rgb(250,130,168)
```
#fb95b5
```
#fb95b5 rgb(251,149,181)
```
#fca7c2
```
#fca7c2 rgb(252,167,194)
```
#fcbacf
```
#fcbacf rgb(252,186,207)
```
#fdcddc
```
#fdcddc rgb(253,205,220)
```
#fee0e9
```
#fee0e9 rgb(254,224,233)
```
#fff3f7
```
#fff3f7 rgb(255,243,247)
```

Tint Color Variation

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

#a1a0a0
```
#a1a0a0 rgb(161,160,160)
```
#a8999e
```
#a8999e rgb(168,153,158)
```
#af929b
```
#af929b rgb(175,146,155)
```
#b78a98
```
#b78a98 rgb(183,138,152)
```
#be8396
```
#be8396 rgb(190,131,150)
```
#c57c93
```
#c57c93 rgb(197,124,147)
```
#cc7590
```
#cc7590 rgb(204,117,144)
```
#d46d8e
```
#d46d8e rgb(212,109,142)
```
#db668b
```
#db668b rgb(219,102,139)
```
#e25f88
```
#e25f88 rgb(226,95,136)
```
#e95885
```
#e95885 rgb(233,88,133)
```
#f15083
```
#f15083 rgb(241,80,131)
```
#f84980
```
#f84980 rgb(248,73,128)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9b7883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e91a4 Protanopia 1% of men
#a78c7a Deuteranopia 1% of men
#f65b60 Tritanopia 0.001% of the population

Trichromacy

#b57697 Protanomaly 1% of men, 0.01% of women
#c5747c Deuteranomaly 6% of men, 0.4% of women
#f6546b Tritanomaly 0.01% of the population

#f84980 hex color

#f84980 Color Information

#f84980 Color Conversion

Color Schemes with #f84980

Alternatives to #f84980

#f84980 Preview

Shades and Tints of #f84980

Tones of #f84980

Color Blindness Simulator