#f84885 hex color

In a RGB color space, hex #f84885 is composed of 97.3% red, 28.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 46.4% yellow and 2.7% black. It has a hue angle of 339.2 degrees, a saturation of 92.6% and a lightness of 62.7%. #f84885 color hex could be obtained by blending #ff90ff with #f1000b. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 28
- B 52
RGB color chart
- C 0
- M 71
- Y 46
- K 3
CMYK color chart

● #f84885 color description : Bright pink.

The hexadecimal color #f84885 has RGB values of R:248, G:72, B:133 and CMYK values of C:0, M:0.71, Y:0.46, K:0.03. Its decimal value is 16271493.

Hex triplet	f84885	`#f84885`
RGB Decimal	248, 72, 133	`rgb(248,72,133)`
RGB Percent	97.3, 28.2, 52.2	`rgb(97.3%,28.2%,52.2%)`
CMYK	0, 71, 46, 3
HSL	339.2°, 92.6, 62.7	`hsl(339.2,92.6%,62.7%)`
HSV (or HSB)	339.2°, 71, 97.3
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.311, 70.153, 5.85
XYZ	45.264, 26.289, 24.88
xyY	0.469, 0.273, 26.289
CIE-LCH	58.311, 70.397, 4.767
CIE-LUV	58.311, 116.92, -6.243
Hunter-Lab	51.273, 67.851, 7.121
Binary	11111000, 01001000, 10000101

#f84885
```
#f84885 rgb(248,72,133)
```
#48f8bb
```
#48f8bb rgb(72,248,187)
```

Complementary Color

#f848dd
```
#f848dd rgb(248,72,221)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#f86348
```
#f86348 rgb(248,99,72)
```

Analogous Color

#48ddf8
```
#48ddf8 rgb(72,221,248)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#48f863
```
#48f863 rgb(72,248,99)
```

Split Complementary Color

#4885f8
```
#4885f8 rgb(72,133,248)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#85f848
```
#85f848 rgb(133,248,72)
```

Triadic Color

#bb48f8
```
#bb48f8 rgb(187,72,248)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#85f848
```
#85f848 rgb(133,248,72)
```
#48f8bb
```
#48f8bb rgb(72,248,187)
```

Tetradic Color

#eb0957
```
#eb0957 rgb(235,9,87)
```
#f61764
```
#f61764 rgb(246,23,100)
```
#f72f75
```
#f72f75 rgb(247,47,117)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#f96195
```
#f96195 rgb(249,97,149)
```
#fa79a6
```
#fa79a6 rgb(250,121,166)
```
#fb92b6
```
#fb92b6 rgb(251,146,182)
```

Monochromatic Color

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

#f848b1
```
#f848b1 rgb(248,72,177)
```
#f848a2
```
#f848a2 rgb(248,72,162)
```
#f84894
```
#f84894 rgb(248,72,148)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#f84876
```
#f84876 rgb(248,72,118)
```
#f84868
```
#f84868 rgb(248,72,104)
```
#f84859
```
#f84859 rgb(248,72,89)
```

Similar Colors

Text with hexadecimal color #f84885

This text has a font color of #f84885.

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

#f84885 background color

This paragraph has a background color of #f84885.

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

#f84885 border color

This element has a border color of #f84885.

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

CSS codes

.text {color:#f84885;}

.background {background-color:#f84885;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#190109
```
#190109 rgb(25,1,9)
```
#2c0210
```
#2c0210 rgb(44,2,16)
```
#3f0217
```
#3f0217 rgb(63,2,23)
```
#51031e
```
#51031e rgb(81,3,30)
```
#640425
```
#640425 rgb(100,4,37)
```
#77052c
```
#77052c rgb(119,5,44)
```
#8a0533
```
#8a0533 rgb(138,5,51)
```
#9d063a
```
#9d063a rgb(157,6,58)
```
#b00741
```
#b00741 rgb(176,7,65)
```
#c30748
```
#c30748 rgb(195,7,72)
```
#d6084f
```
#d6084f rgb(214,8,79)
```
#e90956
```
#e90956 rgb(233,9,86)
```

Shade Color Variation

#f60f5f
```
#f60f5f rgb(246,15,95)
```
#f7226c
```
#f7226c rgb(247,34,108)
```
#f73578
```
#f73578 rgb(247,53,120)
```
#f84885
```
#f84885 rgb(248,72,133)
```
#f95b92
```
#f95b92 rgb(249,91,146)
```
#f96e9e
```
#f96e9e rgb(249,110,158)
```
#fa81ab
```
#fa81ab rgb(250,129,171)
```
#fb94b7
```
#fb94b7 rgb(251,148,183)
```
#fca6c4
```
#fca6c4 rgb(252,166,196)
```
#fcb9d1
```
#fcb9d1 rgb(252,185,209)
```
#fdccdd
```
#fdccdd rgb(253,204,221)
```
#fedfea
```
#fedfea rgb(254,223,234)
```
#fff2f6
```
#fff2f6 rgb(255,242,246)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#a8989e
```
#a8989e rgb(168,152,158)
```
#af919b
```
#af919b rgb(175,145,155)
```
#b68a99
```
#b68a99 rgb(182,138,153)
```
#be8297
```
#be8297 rgb(190,130,151)
```
#c57b95
```
#c57b95 rgb(197,123,149)
```
#cc7492
```
#cc7492 rgb(204,116,146)
```
#d36d90
```
#d36d90 rgb(211,109,144)
```
#db658e
```
#db658e rgb(219,101,142)
```
#e25e8c
```
#e25e8c rgb(226,94,140)
```
#e95789
```
#e95789 rgb(233,87,137)
```
#f14f87
```
#f14f87 rgb(241,79,135)
```
#f84885
```
#f84885 rgb(248,72,133)
```

Tone Color Variation

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

Dichromacy

#8c90aa Protanopia 1% of men
#a68d7f Deuteranopia 1% of men
#f55b60 Tritanopia 0.001% of the population

Trichromacy

#b3769c Protanomaly 1% of men, 0.01% of women
#c47381 Deuteranomaly 6% of men, 0.4% of women
#f6546d Tritanomaly 0.01% of the population

#f84885 hex color

#f84885 Color Information

#f84885 Color Conversion

Color Schemes with #f84885

Alternatives to #f84885

#f84885 Preview

Shades and Tints of #f84885

Tones of #f84885

Color Blindness Simulator