#f85ba2 hex color

In a RGB color space, hex #f85ba2 is composed of 97.3% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.3% magenta, 34.7% yellow and 2.7% black. It has a hue angle of 332.9 degrees, a saturation of 91.8% and a lightness of 66.5%. #f85ba2 color hex could be obtained by blending #ffb6ff with #f10045. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 97
- G 36
- B 64
RGB color chart
- C 0
- M 63
- Y 35
- K 3
CMYK color chart

● #f85ba2 color description : Soft pink.

The hexadecimal color #f85ba2 has RGB values of R:248, G:91, B:162 and CMYK values of C:0, M:0.63, Y:0.35, K:0.03. Its decimal value is 16276386.

Hex triplet	f85ba2	`#f85ba2`
RGB Decimal	248, 91, 162	`rgb(248,91,162)`
RGB Percent	97.3, 35.7, 63.5	`rgb(97.3%,35.7%,63.5%)`
CMYK	0, 63, 35, 3
HSL	332.9°, 91.8, 66.5	`hsl(332.9,91.8%,66.5%)`
HSV (or HSB)	332.9°, 63.3, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.699, 65.941, -6.105
XYZ	48.975, 30.052, 37.402
xyY	0.421, 0.258, 30.052
CIE-LCH	61.699, 66.224, 354.71
CIE-LUV	61.699, 98.08, -21.149
Hunter-Lab	54.819, 63.536, -2.079
Binary	11111000, 01011011, 10100010

#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#5bf8b1
```
#5bf8b1 rgb(91,248,177)
```

Complementary Color

#f85bf1
```
#f85bf1 rgb(248,91,241)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#f8625b
```
#f8625b rgb(248,98,91)
```

Analogous Color

#5bf1f8
```
#5bf1f8 rgb(91,241,248)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#5bf862
```
#5bf862 rgb(91,248,98)
```

Split Complementary Color

#5ba2f8
```
#5ba2f8 rgb(91,162,248)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#a2f85b
```
#a2f85b rgb(162,248,91)
```

Triadic Color

#b15bf8
```
#b15bf8 rgb(177,91,248)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#a2f85b
```
#a2f85b rgb(162,248,91)
```
#5bf8b1
```
#5bf8b1 rgb(91,248,177)
```

Tetradic Color

#f51278
```
#f51278 rgb(245,18,120)
```
#f62a86
```
#f62a86 rgb(246,42,134)
```
#f74394
```
#f74394 rgb(247,67,148)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#f973b0
```
#f973b0 rgb(249,115,176)
```
#fa8cbe
```
#fa8cbe rgb(250,140,190)
```
#fba4cc
```
#fba4cc rgb(251,164,204)
```

Monochromatic Color

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

#f85bc9
```
#f85bc9 rgb(248,91,201)
```
#f85bbc
```
#f85bbc rgb(248,91,188)
```
#f85baf
```
#f85baf rgb(248,91,175)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#f85b95
```
#f85b95 rgb(248,91,149)
```
#f85b88
```
#f85b88 rgb(248,91,136)
```
#f85b7b
```
#f85b7b rgb(248,91,123)
```

Similar Colors

Text with hexadecimal color #f85ba2

This text has a font color of #f85ba2.

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

#f85ba2 background color

This paragraph has a background color of #f85ba2.

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

#f85ba2 border color

This element has a border color of #f85ba2.

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

CSS codes

.text {color:#f85ba2;}

.background {background-color:#f85ba2;}

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

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

#050003
```
#050003 rgb(5,0,3)
```
#18010b
```
#18010b rgb(24,1,11)
```
#2b0214
```
#2b0214 rgb(43,2,20)
```
#3e031d
```
#3e031d rgb(62,3,29)
```
#510326
```
#510326 rgb(81,3,38)
```
#63042f
```
#63042f rgb(99,4,47)
```
#760538
```
#760538 rgb(118,5,56)
```
#890641
```
#890641 rgb(137,6,65)
```
#9c074a
```
#9c074a rgb(156,7,74)
```
#af0753
```
#af0753 rgb(175,7,83)
```
#c1085c
```
#c1085c rgb(193,8,92)
```
#d40965
```
#d40965 rgb(212,9,101)
```
#e70a6e
```
#e70a6e rgb(231,10,110)
```

Shade Color Variation

#f51077
```
#f51077 rgb(245,16,119)
```
#f62382
```
#f62382 rgb(246,35,130)
```
#f6358d
```
#f6358d rgb(246,53,141)
```
#f74897
```
#f74897 rgb(247,72,151)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#f96ead
```
#f96ead rgb(249,110,173)
```
#fa81b7
```
#fa81b7 rgb(250,129,183)
```
#fa93c2
```
#fa93c2 rgb(250,147,194)
```
#fba6cd
```
#fba6cd rgb(251,166,205)
```
#fcb9d7
```
#fcb9d7 rgb(252,185,215)
```
#fdcce2
```
#fdcce2 rgb(253,204,226)
```
#fedfed
```
#fedfed rgb(254,223,237)
```
#fef1f7
```
#fef1f7 rgb(254,241,247)
```

Tint Color Variation

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

#b0a3a9
```
#b0a3a9 rgb(176,163,169)
```
#b69da8
```
#b69da8 rgb(182,157,168)
```
#bd96a8
```
#bd96a8 rgb(189,150,168)
```
#c390a7
```
#c390a7 rgb(195,144,167)
```
#ca89a6
```
#ca89a6 rgb(202,137,166)
```
#d182a6
```
#d182a6 rgb(209,130,166)
```
#d77ca5
```
#d77ca5 rgb(215,124,165)
```
#de75a5
```
#de75a5 rgb(222,117,165)
```
#e46fa4
```
#e46fa4 rgb(228,111,164)
```
#eb68a3
```
#eb68a3 rgb(235,104,163)
```
#f162a3
```
#f162a3 rgb(241,98,163)
```
#f85ba2
```
#f85ba2 rgb(248,91,162)
```
#ff54a1
```
#ff54a1 rgb(255,84,161)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a68795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d98c4 Protanopia 1% of men
#a8959b Deuteranopia 1% of men
#f46f75 Tritanopia 0.001% of the population

Trichromacy

#b482b8 Protanomaly 1% of men, 0.01% of women
#c5809d Deuteranomaly 6% of men, 0.4% of women
#f56785 Tritanomaly 0.01% of the population

#f85ba2 hex color

#f85ba2 Color Information

#f85ba2 Color Conversion

Color Schemes with #f85ba2

Alternatives to #f85ba2

#f85ba2 Preview

Shades and Tints of #f85ba2

Tones of #f85ba2

Color Blindness Simulator