#f258a4 hex color

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

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

● #f258a4 color description : Soft pink.

The hexadecimal color #f258a4 has RGB values of R:242, G:88, B:164 and CMYK values of C:0, M:0.64, Y:0.32, K:0.05. Its decimal value is 15882404.

Hex triplet	f258a4	`#f258a4`
RGB Decimal	242, 88, 164	`rgb(242,88,164)`
RGB Percent	94.9, 34.5, 64.3	`rgb(94.9%,34.5%,64.3%)`
CMYK	0, 64, 32, 5
HSL	330.4°, 85.6, 64.7	`hsl(330.4,85.6%,64.7%)`
HSV (or HSB)	330.4°, 63.6, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.374, 65.652, -9.333
XYZ	46.809, 28.541, 38.164
xyY	0.412, 0.251, 28.541
CIE-LCH	60.374, 66.312, 351.909
CIE-LUV	60.374, 94.046, -25.534
Hunter-Lab	53.424, 62.907, -4.958
Binary	11110010, 01011000, 10100100

#f258a4
```
#f258a4 rgb(242,88,164)
```
#58f2a6
```
#58f2a6 rgb(88,242,166)
```

Complementary Color

#f258f1
```
#f258f1 rgb(242,88,241)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#f25958
```
#f25958 rgb(242,89,88)
```

Analogous Color

#58f1f2
```
#58f1f2 rgb(88,241,242)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#58f259
```
#58f259 rgb(88,242,89)
```

Split Complementary Color

#58a4f2
```
#58a4f2 rgb(88,164,242)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#a4f258
```
#a4f258 rgb(164,242,88)
```

Triadic Color

#a658f2
```
#a658f2 rgb(166,88,242)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#a4f258
```
#a4f258 rgb(164,242,88)
```
#58f2a6
```
#58f2a6 rgb(88,242,166)
```

Tetradic Color

#eb127d
```
#eb127d rgb(235,18,125)
```
#ee298a
```
#ee298a rgb(238,41,138)
```
#f04097
```
#f04097 rgb(240,64,151)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#f470b1
```
#f470b1 rgb(244,112,177)
```
#f687be
```
#f687be rgb(246,135,190)
```
#f89fcb
```
#f89fcb rgb(248,159,203)
```

Monochromatic Color

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

#f258cb
```
#f258cb rgb(242,88,203)
```
#f258be
```
#f258be rgb(242,88,190)
```
#f258b1
```
#f258b1 rgb(242,88,177)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#f25897
```
#f25897 rgb(242,88,151)
```
#f2588a
```
#f2588a rgb(242,88,138)
```
#f2587e
```
#f2587e rgb(242,88,126)
```

Similar Colors

Text with hexadecimal color #f258a4

This text has a font color of #f258a4.

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

#f258a4 background color

This paragraph has a background color of #f258a4.

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

#f258a4 border color

This element has a border color of #f258a4.

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

CSS codes

.text {color:#f258a4;}

.background {background-color:#f258a4;}

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

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

#0f0108
```
#0f0108 rgb(15,1,8)
```
#210312
```
#210312 rgb(33,3,18)
```
#33041b
```
#33041b rgb(51,4,27)
```
#460525
```
#460525 rgb(70,5,37)
```
#58072f
```
#58072f rgb(88,7,47)
```
#6a0838
```
#6a0838 rgb(106,8,56)
```
#7c0a42
```
#7c0a42 rgb(124,10,66)
```
#8e0b4c
```
#8e0b4c rgb(142,11,76)
```
#a10d56
```
#a10d56 rgb(161,13,86)
```
#b30e5f
```
#b30e5f rgb(179,14,95)
```
#c50f69
```
#c50f69 rgb(197,15,105)
```
#d71173
```
#d71173 rgb(215,17,115)
```
#e9127c
```
#e9127c rgb(233,18,124)
```

Shade Color Variation

#ee2186
```
#ee2186 rgb(238,33,134)
```
#ef3490
```
#ef3490 rgb(239,52,144)
```
#f1469a
```
#f1469a rgb(241,70,154)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#f36aae
```
#f36aae rgb(243,106,174)
```
#f57cb8
```
#f57cb8 rgb(245,124,184)
```
#f68fc2
```
#f68fc2 rgb(246,143,194)
```
#f8a1cc
```
#f8a1cc rgb(248,161,204)
```
#f9b3d6
```
#f9b3d6 rgb(249,179,214)
```
#fbc5e0
```
#fbc5e0 rgb(251,197,224)
```
#fcd7e9
```
#fcd7e9 rgb(252,215,233)
```
#fdeaf3
```
#fdeaf3 rgb(253,234,243)
```
#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 #f951a4 is the most saturated one.

#a6a4a5
```
#a6a4a5 rgb(166,164,165)
```
#ad9da5
```
#ad9da5 rgb(173,157,165)
```
#b496a5
```
#b496a5 rgb(180,150,165)
```
#bb8fa5
```
#bb8fa5 rgb(187,143,165)
```
#c288a5
```
#c288a5 rgb(194,136,165)
```
#c882a5
```
#c882a5 rgb(200,130,165)
```
#cf7ba4
```
#cf7ba4 rgb(207,123,164)
```
#d674a4
```
#d674a4 rgb(214,116,164)
```
#dd6da4
```
#dd6da4 rgb(221,109,164)
```
#e466a4
```
#e466a4 rgb(228,102,164)
```
#eb5fa4
```
#eb5fa4 rgb(235,95,164)
```
#f258a4
```
#f258a4 rgb(242,88,164)
```
#f951a4
```
#f951a4 rgb(249,81,164)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a38493 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8795c7 Protanopia 1% of men
#a2939d Deuteranopia 1% of men
#ee6d74 Tritanopia 0.001% of the population

Trichromacy

#ae7fba Protanomaly 1% of men, 0.01% of women
#bf7d9f Deuteranomaly 6% of men, 0.4% of women
#ef6585 Tritanomaly 0.01% of the population

#f258a4 hex color

#f258a4 Color Information

#f258a4 Color Conversion

Color Schemes with #f258a4

Alternatives to #f258a4

#f258a4 Preview

Shades and Tints of #f258a4

Tones of #f258a4

Color Blindness Simulator