#f058a2 hex color

In a RGB color space, hex #f058a2 is composed of 94.1% red, 34.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.3% magenta, 32.5% yellow and 5.9% black. It has a hue angle of 330.8 degrees, a saturation of 83.5% and a lightness of 64.3%. #f058a2 color hex could be obtained by blending #ffb0ff with #e10045. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 94
- G 35
- B 64
RGB color chart
- C 0
- M 63
- Y 33
- K 6
CMYK color chart

● #f058a2 color description : Soft pink.

The hexadecimal color #f058a2 has RGB values of R:240, G:88, B:162 and CMYK values of C:0, M:0.63, Y:0.33, K:0.06. Its decimal value is 15751330.

Hex triplet	f058a2	`#f058a2`
RGB Decimal	240, 88, 162	`rgb(240,88,162)`
RGB Percent	94.1, 34.5, 63.5	`rgb(94.1%,34.5%,63.5%)`
CMYK	0, 63, 33, 6
HSL	330.8°, 83.5, 64.3	`hsl(330.8,83.5%,64.3%)`
HSV (or HSB)	330.8°, 63.3, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.995, 64.85, -8.776
XYZ	45.947, 28.117, 37.188
xyY	0.413, 0.253, 28.117
CIE-LCH	59.995, 65.441, 352.293
CIE-LUV	59.995, 93.151, -24.555
Hunter-Lab	53.026, 61.876, -4.463
Binary	11110000, 01011000, 10100010

#f058a2
```
#f058a2 rgb(240,88,162)
```
#58f0a6
```
#58f0a6 rgb(88,240,166)
```

Complementary Color

#f058ee
```
#f058ee rgb(240,88,238)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#f05a58
```
#f05a58 rgb(240,90,88)
```

Analogous Color

#58eef0
```
#58eef0 rgb(88,238,240)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#58f05a
```
#58f05a rgb(88,240,90)
```

Split Complementary Color

#58a2f0
```
#58a2f0 rgb(88,162,240)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#a2f058
```
#a2f058 rgb(162,240,88)
```

Triadic Color

#a658f0
```
#a658f0 rgb(166,88,240)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#a2f058
```
#a2f058 rgb(162,240,88)
```
#58f0a6
```
#58f0a6 rgb(88,240,166)
```

Tetradic Color

#e7157b
```
#e7157b rgb(231,21,123)
```
#ec2988
```
#ec2988 rgb(236,41,136)
```
#ee4195
```
#ee4195 rgb(238,65,149)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#f26faf
```
#f26faf rgb(242,111,175)
```
#f487bc
```
#f487bc rgb(244,135,188)
```
#f69ec9
```
#f69ec9 rgb(246,158,201)
```

Monochromatic Color

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

#f058c8
```
#f058c8 rgb(240,88,200)
```
#f058bb
```
#f058bb rgb(240,88,187)
```
#f058af
```
#f058af rgb(240,88,175)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#f05895
```
#f05895 rgb(240,88,149)
```
#f05889
```
#f05889 rgb(240,88,137)
```
#f0587c
```
#f0587c rgb(240,88,124)
```

Similar Colors

Text with hexadecimal color #f058a2

This text has a font color of #f058a2.

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

#f058a2 background color

This paragraph has a background color of #f058a2.

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

#f058a2 border color

This element has a border color of #f058a2.

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

CSS codes

.text {color:#f058a2;}

.background {background-color:#f058a2;}

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

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

#0d0107
```
#0d0107 rgb(13,1,7)
```
#1f0311
```
#1f0311 rgb(31,3,17)
```
#31041a
```
#31041a rgb(49,4,26)
```
#430624
```
#430624 rgb(67,6,36)
```
#55082d
```
#55082d rgb(85,8,45)
```
#670937
```
#670937 rgb(103,9,55)
```
#790b40
```
#790b40 rgb(121,11,64)
```
#8b0c4a
```
#8b0c4a rgb(139,12,74)
```
#9d0e54
```
#9d0e54 rgb(157,14,84)
```
#af105d
```
#af105d rgb(175,16,93)
```
#c11167
```
#c11167 rgb(193,17,103)
```
#d31370
```
#d31370 rgb(211,19,112)
```
#e5157a
```
#e5157a rgb(229,21,122)
```

Shade Color Variation

#eb2284
```
#eb2284 rgb(235,34,132)
```
#ed348e
```
#ed348e rgb(237,52,142)
```
#ee4698
```
#ee4698 rgb(238,70,152)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#f26aac
```
#f26aac rgb(242,106,172)
```
#f37cb6
```
#f37cb6 rgb(243,124,182)
```
#f58ec0
```
#f58ec0 rgb(245,142,192)
```
#f6a0ca
```
#f6a0ca rgb(246,160,202)
```
#f8b2d4
```
#f8b2d4 rgb(248,178,212)
```
#fac4de
```
#fac4de rgb(250,196,222)
```
#fbd6e8
```
#fbd6e8 rgb(251,214,232)
```
#fde8f2
```
#fde8f2 rgb(253,232,242)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#aa9ea4
```
#aa9ea4 rgb(170,158,164)
```
#b197a4
```
#b197a4 rgb(177,151,164)
```
#b890a3
```
#b890a3 rgb(184,144,163)
```
#bf89a3
```
#bf89a3 rgb(191,137,163)
```
#c682a3
```
#c682a3 rgb(198,130,163)
```
#cd7ba3
```
#cd7ba3 rgb(205,123,163)
```
#d474a3
```
#d474a3 rgb(212,116,163)
```
#db6da3
```
#db6da3 rgb(219,109,163)
```
#e266a2
```
#e266a2 rgb(226,102,162)
```
#e95fa2
```
#e95fa2 rgb(233,95,162)
```
#f058a2
```
#f058a2 rgb(240,88,162)
```
#f751a2
```
#f751a2 rgb(247,81,162)
```
#fe4aa2
```
#fe4aa2 rgb(254,74,162)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a28392 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8794c4 Protanopia 1% of men
#a1929b Deuteranopia 1% of men
#ec6c73 Tritanopia 0.001% of the population

Trichromacy

#ad7eb8 Protanomaly 1% of men, 0.01% of women
#be7c9d Deuteranomaly 6% of men, 0.4% of women
#ed6584 Tritanomaly 0.01% of the population

#f058a2 hex color

#f058a2 Color Information

#f058a2 Color Conversion

Color Schemes with #f058a2

Alternatives to #f058a2

#f058a2 Preview

Shades and Tints of #f058a2

Tones of #f058a2

Color Blindness Simulator