#f258b0 hex color

In a RGB color space, hex #f258b0 is composed of 94.9% red, 34.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 27.3% yellow and 5.1% black. It has a hue angle of 325.7 degrees, a saturation of 85.6% and a lightness of 64.7%. #f258b0 color hex could be obtained by blending #ffb0ff with #e50061. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 35
- B 69
RGB color chart
- C 0
- M 64
- Y 27
- K 5
CMYK color chart

● #f258b0 color description : Soft pink.

The hexadecimal color #f258b0 has RGB values of R:242, G:88, B:176 and CMYK values of C:0, M:0.64, Y:0.27, K:0.05. Its decimal value is 15882416.

Hex triplet	f258b0	`#f258b0`
RGB Decimal	242, 88, 176	`rgb(242,88,176)`
RGB Percent	94.9, 34.5, 69	`rgb(94.9%,34.5%,69%)`
CMYK	0, 64, 27, 5
HSL	325.7°, 85.6, 64.7	`hsl(325.7,85.6%,64.7%)`
HSV (or HSB)	325.7°, 63.6, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.777, 67.082, -15.649
XYZ	47.945, 28.995, 44.144
xyY	0.396, 0.239, 28.995
CIE-LCH	60.777, 68.883, 346.868
CIE-LUV	60.777, 89.946, -34.943
Hunter-Lab	53.847, 64.7, -10.913
Binary	11110010, 01011000, 10110000

#f258b0
```
#f258b0 rgb(242,88,176)
```
#58f29a
```
#58f29a rgb(88,242,154)
```

Complementary Color

#e758f2
```
#e758f2 rgb(231,88,242)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#f25863
```
#f25863 rgb(242,88,99)
```

Analogous Color

#58f2e7
```
#58f2e7 rgb(88,242,231)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#63f258
```
#63f258 rgb(99,242,88)
```

Split Complementary Color

#58b0f2
```
#58b0f2 rgb(88,176,242)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#b0f258
```
#b0f258 rgb(176,242,88)
```

Triadic Color

#9a58f2
```
#9a58f2 rgb(154,88,242)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#b0f258
```
#b0f258 rgb(176,242,88)
```
#58f29a
```
#58f29a rgb(88,242,154)
```

Tetradic Color

#eb128e
```
#eb128e rgb(235,18,142)
```
#ee299a
```
#ee299a rgb(238,41,154)
```
#f040a5
```
#f040a5 rgb(240,64,165)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#f470bb
```
#f470bb rgb(244,112,187)
```
#f687c6
```
#f687c6 rgb(246,135,198)
```
#f89fd2
```
#f89fd2 rgb(248,159,210)
```

Monochromatic Color

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

#f258d7
```
#f258d7 rgb(242,88,215)
```
#f258ca
```
#f258ca rgb(242,88,202)
```
#f258bd
```
#f258bd rgb(242,88,189)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#f258a3
```
#f258a3 rgb(242,88,163)
```
#f25896
```
#f25896 rgb(242,88,150)
```
#f2588a
```
#f2588a rgb(242,88,138)
```

Similar Colors

Text with hexadecimal color #f258b0

This text has a font color of #f258b0.

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

#f258b0 background color

This paragraph has a background color of #f258b0.

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

#f258b0 border color

This element has a border color of #f258b0.

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

CSS codes

.text {color:#f258b0;}

.background {background-color:#f258b0;}

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

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

#0f0109
```
#0f0109 rgb(15,1,9)
```
#210314
```
#210314 rgb(33,3,20)
```
#33041f
```
#33041f rgb(51,4,31)
```
#46052a
```
#46052a rgb(70,5,42)
```
#580735
```
#580735 rgb(88,7,53)
```
#6a0840
```
#6a0840 rgb(106,8,64)
```
#7c0a4b
```
#7c0a4b rgb(124,10,75)
```
#8e0b56
```
#8e0b56 rgb(142,11,86)
```
#a10d61
```
#a10d61 rgb(161,13,97)
```
#b30e6c
```
#b30e6c rgb(179,14,108)
```
#c50f77
```
#c50f77 rgb(197,15,119)
```
#d71182
```
#d71182 rgb(215,17,130)
```
#e9128d
```
#e9128d rgb(233,18,141)
```

Shade Color Variation

#ee2196
```
#ee2196 rgb(238,33,150)
```
#ef349f
```
#ef349f rgb(239,52,159)
```
#f146a7
```
#f146a7 rgb(241,70,167)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#f36ab9
```
#f36ab9 rgb(243,106,185)
```
#f57cc1
```
#f57cc1 rgb(245,124,193)
```
#f68fca
```
#f68fca rgb(246,143,202)
```
#f8a1d2
```
#f8a1d2 rgb(248,161,210)
```
#f9b3db
```
#f9b3db rgb(249,179,219)
```
#fbc5e4
```
#fbc5e4 rgb(251,197,228)
```
#fcd7ec
```
#fcd7ec rgb(252,215,236)
```
#fdeaf5
```
#fdeaf5 rgb(253,234,245)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#a6a4a5
```
#a6a4a5 rgb(166,164,165)
```
#ad9da6
```
#ad9da6 rgb(173,157,166)
```
#b496a7
```
#b496a7 rgb(180,150,167)
```
#bb8fa8
```
#bb8fa8 rgb(187,143,168)
```
#c288a9
```
#c288a9 rgb(194,136,169)
```
#c882aa
```
#c882aa rgb(200,130,170)
```
#cf7bab
```
#cf7bab rgb(207,123,171)
```
#d674ac
```
#d674ac rgb(214,116,172)
```
#dd6dad
```
#dd6dad rgb(221,109,173)
```
#e466ae
```
#e466ae rgb(228,102,174)
```
#eb5faf
```
#eb5faf rgb(235,95,175)
```
#f258b0
```
#f258b0 rgb(242,88,176)
```
#f951b1
```
#f951b1 rgb(249,81,177)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a48596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8296d4 Protanopia 1% of men
#9e94a7 Deuteranopia 1% of men
#ed7077 Tritanopia 0.001% of the population

Trichromacy

#ab7fc7 Protanomaly 1% of men, 0.01% of women
#bd7eaa Deuteranomaly 6% of men, 0.4% of women
#ee678b Tritanomaly 0.01% of the population

#f258b0 hex color

#f258b0 Color Information

#f258b0 Color Conversion

Color Schemes with #f258b0

Alternatives to #f258b0

#f258b0 Preview

Shades and Tints of #f258b0

Tones of #f258b0

Color Blindness Simulator