#f85180 hex color

In a RGB color space, hex #f85180 is composed of 97.3% red, 31.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 343.1 degrees, a saturation of 92.3% and a lightness of 64.5%. #f85180 color hex could be obtained by blending #ffa2ff with #f10001. Closest websafe color is: #ff6699.

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

● #f85180 color description : Soft pink.

The hexadecimal color #f85180 has RGB values of R:248, G:81, B:128 and CMYK values of C:0, M:0.67, Y:0.48, K:0.03. Its decimal value is 16273792.

Hex triplet	f85180	`#f85180`
RGB Decimal	248, 81, 128	`rgb(248,81,128)`
RGB Percent	97.3, 31.8, 50.2	`rgb(97.3%,31.8%,50.2%)`
CMYK	0, 67, 48, 3
HSL	343.1°, 92.3, 64.5	`hsl(343.1,92.3%,64.5%)`
HSV (or HSB)	343.1°, 67.3, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.347, 66.512, 10.261
XYZ	45.551, 27.404, 23.312
xyY	0.473, 0.285, 27.404
CIE-LCH	59.347, 67.299, 8.77
CIE-LUV	59.347, 114.334, 0.053
Hunter-Lab	52.349, 63.71, 10.242
Binary	11111000, 01010001, 10000000

#f85180
```
#f85180 rgb(248,81,128)
```
#51f8c9
```
#51f8c9 rgb(81,248,201)
```

Complementary Color

#f851d4
```
#f851d4 rgb(248,81,212)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#f87651
```
#f87651 rgb(248,118,81)
```

Analogous Color

#51d4f8
```
#51d4f8 rgb(81,212,248)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#51f876
```
#51f876 rgb(81,248,118)
```

Split Complementary Color

#5180f8
```
#5180f8 rgb(81,128,248)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#80f851
```
#80f851 rgb(128,248,81)
```

Triadic Color

#c951f8
```
#c951f8 rgb(201,81,248)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#80f851
```
#80f851 rgb(128,248,81)
```
#51f8c9
```
#51f8c9 rgb(81,248,201)
```

Tetradic Color

#f30a4b
```
#f30a4b rgb(243,10,75)
```
#f6205c
```
#f6205c rgb(246,32,92)
```
#f7386e
```
#f7386e rgb(247,56,110)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#f96a92
```
#f96a92 rgb(249,106,146)
```
#fa82a4
```
#fa82a4 rgb(250,130,164)
```
#fb9bb6
```
#fb9bb6 rgb(251,155,182)
```

Monochromatic Color

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

#f851aa
```
#f851aa rgb(248,81,170)
```
#f8519c
```
#f8519c rgb(248,81,156)
```
#f8518e
```
#f8518e rgb(248,81,142)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#f85172
```
#f85172 rgb(248,81,114)
```
#f85164
```
#f85164 rgb(248,81,100)
```
#f85156
```
#f85156 rgb(248,81,86)
```

Similar Colors

Text with hexadecimal color #f85180

This text has a font color of #f85180.

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

#f85180 background color

This paragraph has a background color of #f85180.

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

#f85180 border color

This element has a border color of #f85180.

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

CSS codes

.text {color:#f85180;}

.background {background-color:#f85180;}

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

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

#0f0105
```
#0f0105 rgb(15,1,5)
```
#21010a
```
#21010a rgb(33,1,10)
```
#340210
```
#340210 rgb(52,2,16)
```
#470316
```
#470316 rgb(71,3,22)
```
#5a041c
```
#5a041c rgb(90,4,28)
```
#6d0422
```
#6d0422 rgb(109,4,34)
```
#800528
```
#800528 rgb(128,5,40)
```
#93062d
```
#93062d rgb(147,6,45)
```
#a50733
```
#a50733 rgb(165,7,51)
```
#b80739
```
#b80739 rgb(184,7,57)
```
#cb083f
```
#cb083f rgb(203,8,63)
```
#de0945
```
#de0945 rgb(222,9,69)
```
#f10a4b
```
#f10a4b rgb(241,10,75)
```

Shade Color Variation

#f61857
```
#f61857 rgb(246,24,87)
```
#f62b64
```
#f62b64 rgb(246,43,100)
```
#f73e72
```
#f73e72 rgb(247,62,114)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#f9648e
```
#f9648e rgb(249,100,142)
```
#fa779c
```
#fa779c rgb(250,119,156)
```
#fa8aa9
```
#fa8aa9 rgb(250,138,169)
```
#fb9cb7
```
#fb9cb7 rgb(251,156,183)
```
#fcafc5
```
#fcafc5 rgb(252,175,197)
```
#fdc2d3
```
#fdc2d3 rgb(253,194,211)
```
#fdd5e0
```
#fdd5e0 rgb(253,213,224)
```
#fee8ee
```
#fee8ee rgb(254,232,238)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#ab9ea1
```
#ab9ea1 rgb(171,158,161)
```
#b2979e
```
#b2979e rgb(178,151,158)
```
#b9909b
```
#b9909b rgb(185,144,155)
```
#c08998
```
#c08998 rgb(192,137,152)
```
#c78295
```
#c78295 rgb(199,130,149)
```
#ce7b92
```
#ce7b92 rgb(206,123,146)
```
#d5748f
```
#d5748f rgb(213,116,143)
```
#dc6d8c
```
#dc6d8c rgb(220,109,140)
```
#e36689
```
#e36689 rgb(227,102,137)
```
#ea5f86
```
#ea5f86 rgb(234,95,134)
```
#f15883
```
#f15883 rgb(241,88,131)
```
#f85180
```
#f85180 rgb(248,81,128)
```
#ff4a7d
```
#ff4a7d rgb(255,74,125)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9e7d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9393a2 Protanopia 1% of men
#ab8f7b Deuteranopia 1% of men
#f66066 Tritanopia 0.001% of the population

Trichromacy

#b77b95 Protanomaly 1% of men, 0.01% of women
#c7787d Deuteranomaly 6% of men, 0.4% of women
#f65b6f Tritanomaly 0.01% of the population

#f85180 hex color

#f85180 Color Information

#f85180 Color Conversion

Color Schemes with #f85180

Alternatives to #f85180

#f85180 Preview

Shades and Tints of #f85180

Tones of #f85180

Color Blindness Simulator