#f858ba hex color

In a RGB color space, hex #f858ba is composed of 97.3% red, 34.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 25% yellow and 2.7% black. It has a hue angle of 323.3 degrees, a saturation of 92% and a lightness of 65.9%. #f858ba color hex could be obtained by blending #ffb0ff with #f10075. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 97
- G 35
- B 73
RGB color chart
- C 0
- M 65
- Y 25
- K 3
CMYK color chart

● #f858ba color description : Soft pink.

The hexadecimal color #f858ba has RGB values of R:248, G:88, B:186 and CMYK values of C:0, M:0.65, Y:0.25, K:0.03. Its decimal value is 16275642.

Hex triplet	f858ba	`#f858ba`
RGB Decimal	248, 88, 186	`rgb(248,88,186)`
RGB Percent	97.3, 34.5, 72.9	`rgb(97.3%,34.5%,72.9%)`
CMYK	0, 65, 25, 3
HSL	323.3°, 92, 65.9	`hsl(323.3,92%,65.9%)`
HSV (or HSB)	323.3°, 64.5, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.071, 69.96, -19.331
XYZ	51.064, 30.485, 49.647
xyY	0.389, 0.232, 30.485
CIE-LCH	62.071, 72.581, 344.553
CIE-LUV	62.071, 91.118, -41.08
Hunter-Lab	55.213, 68.463, -14.663
Binary	11111000, 01011000, 10111010

#f858ba
```
#f858ba rgb(248,88,186)
```
#58f896
```
#58f896 rgb(88,248,150)
```

Complementary Color

#e658f8
```
#e658f8 rgb(230,88,248)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#f8586a
```
#f8586a rgb(248,88,106)
```

Analogous Color

#58f8e6
```
#58f8e6 rgb(88,248,230)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#6af858
```
#6af858 rgb(106,248,88)
```

Split Complementary Color

#58baf8
```
#58baf8 rgb(88,186,248)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#baf858
```
#baf858 rgb(186,248,88)
```

Triadic Color

#9658f8
```
#9658f8 rgb(150,88,248)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#baf858
```
#baf858 rgb(186,248,88)
```
#58f896
```
#58f896 rgb(88,248,150)
```

Tetradic Color

#f50f9c
```
#f50f9c rgb(245,15,156)
```
#f627a6
```
#f627a6 rgb(246,39,166)
```
#f740b0
```
#f740b0 rgb(247,64,176)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#f970c4
```
#f970c4 rgb(249,112,196)
```
#fa89ce
```
#fa89ce rgb(250,137,206)
```
#fba1d8
```
#fba1d8 rgb(251,161,216)
```

Monochromatic Color

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

#f858e2
```
#f858e2 rgb(248,88,226)
```
#f858d5
```
#f858d5 rgb(248,88,213)
```
#f858c7
```
#f858c7 rgb(248,88,199)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#f858ad
```
#f858ad rgb(248,88,173)
```
#f8589f
```
#f8589f rgb(248,88,159)
```
#f85892
```
#f85892 rgb(248,88,146)
```

Similar Colors

Text with hexadecimal color #f858ba

This text has a font color of #f858ba.

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

#f858ba background color

This paragraph has a background color of #f858ba.

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

#f858ba border color

This element has a border color of #f858ba.

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

CSS codes

.text {color:#f858ba;}

.background {background-color:#f858ba;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#15010d
```
#15010d rgb(21,1,13)
```
#280219
```
#280219 rgb(40,2,25)
```
#3b0225
```
#3b0225 rgb(59,2,37)
```
#4e0331
```
#4e0331 rgb(78,3,49)
```
#61043d
```
#61043d rgb(97,4,61)
```
#730549
```
#730549 rgb(115,5,73)
```
#860654
```
#860654 rgb(134,6,84)
```
#990660
```
#990660 rgb(153,6,96)
```
#ac076c
```
#ac076c rgb(172,7,108)
```
#bf0878
```
#bf0878 rgb(191,8,120)
```
#d20984
```
#d20984 rgb(210,9,132)
```
#e40a90
```
#e40a90 rgb(228,10,144)
```

Shade Color Variation

#f50d9b
```
#f50d9b rgb(245,13,155)
```
#f620a3
```
#f620a3 rgb(246,32,163)
```
#f632aa
```
#f632aa rgb(246,50,170)
```
#f745b2
```
#f745b2 rgb(247,69,178)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#f96bc2
```
#f96bc2 rgb(249,107,194)
```
#fa7eca
```
#fa7eca rgb(250,126,202)
```
#fa90d1
```
#fa90d1 rgb(250,144,209)
```
#fba3d9
```
#fba3d9 rgb(251,163,217)
```
#fcb6e1
```
#fcb6e1 rgb(252,182,225)
```
#fdc9e9
```
#fdc9e9 rgb(253,201,233)
```
#fedcf0
```
#fedcf0 rgb(254,220,240)
```
#feeff8
```
#feeff8 rgb(254,239,248)
```

Tint Color Variation

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

#aea2a9
```
#aea2a9 rgb(174,162,169)
```
#b59bab
```
#b59bab rgb(181,155,171)
```
#bc94ac
```
#bc94ac rgb(188,148,172)
```
#c28eae
```
#c28eae rgb(194,142,174)
```
#c987af
```
#c987af rgb(201,135,175)
```
#d080b1
```
#d080b1 rgb(208,128,177)
```
#d779b2
```
#d779b2 rgb(215,121,178)
```
#dd73b4
```
#dd73b4 rgb(221,115,180)
```
#e46cb5
```
#e46cb5 rgb(228,108,181)
```
#eb65b7
```
#eb65b7 rgb(235,101,183)
```
#f15fb8
```
#f15fb8 rgb(241,95,184)
```
#f858ba
```
#f858ba rgb(248,88,186)
```
#ff51bc
```
#ff51bc rgb(255,81,188)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a7879b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8099e1 Protanopia 1% of men
#9f97b0 Deuteranopia 1% of men
#f27279 Tritanopia 0.001% of the population

Trichromacy

#ac81d2 Protanomaly 1% of men, 0.01% of women
#bf80b3 Deuteranomaly 6% of men, 0.4% of women
#f46891 Tritanomaly 0.01% of the population

#f858ba hex color

#f858ba Color Information

#f858ba Color Conversion

Color Schemes with #f858ba

Alternatives to #f858ba

#f858ba Preview

Shades and Tints of #f858ba

Tones of #f858ba

Color Blindness Simulator