#f580a2 hex color

In a RGB color space, hex #f580a2 is composed of 96.1% red, 50.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 33.9% yellow and 3.9% black. It has a hue angle of 342.6 degrees, a saturation of 85.4% and a lightness of 73.1%. #f580a2 color hex could be obtained by blending #ffffff with #eb0145. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 50
- B 64
RGB color chart
- C 0
- M 48
- Y 34
- K 4
CMYK color chart

● #f580a2 color description : Soft pink.

The hexadecimal color #f580a2 has RGB values of R:245, G:128, B:162 and CMYK values of C:0, M:0.48, Y:0.34, K:0.04. Its decimal value is 16089250.

Hex triplet	f580a2	`#f580a2`
RGB Decimal	245, 128, 162	`rgb(245,128,162)`
RGB Percent	96.1, 50.2, 63.5	`rgb(96.1%,50.2%,63.5%)`
CMYK	0, 48, 34, 4
HSL	342.6°, 85.4, 73.1	`hsl(342.6,85.4%,73.1%)`
HSV (or HSB)	342.6°, 47.8, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.623, 48.225, 2.533
XYZ	51.897, 37.463, 38.678
xyY	0.405, 0.293, 37.463
CIE-LCH	67.623, 48.292, 3.007
CIE-LUV	67.623, 76.109, -5.614
Hunter-Lab	61.207, 44.237, 5.378
Binary	11110101, 10000000, 10100010

#f580a2
```
#f580a2 rgb(245,128,162)
```
#80f5d3
```
#80f5d3 rgb(128,245,211)
```

Complementary Color

#f580dd
```
#f580dd rgb(245,128,221)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#f59980
```
#f59980 rgb(245,153,128)
```

Analogous Color

#80ddf5
```
#80ddf5 rgb(128,221,245)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#80f599
```
#80f599 rgb(128,245,153)
```

Split Complementary Color

#80a2f5
```
#80a2f5 rgb(128,162,245)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#a2f580
```
#a2f580 rgb(162,245,128)
```

Triadic Color

#d380f5
```
#d380f5 rgb(211,128,245)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#a2f580
```
#a2f580 rgb(162,245,128)
```
#80f5d3
```
#80f5d3 rgb(128,245,211)
```

Tetradic Color

#ef396e
```
#ef396e rgb(239,57,110)
```
#f1517f
```
#f1517f rgb(241,81,127)
```
#f36891
```
#f36891 rgb(243,104,145)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#f798b3
```
#f798b3 rgb(247,152,179)
```
#f9afc5
```
#f9afc5 rgb(249,175,197)
```
#fbc7d6
```
#fbc7d6 rgb(251,199,214)
```

Monochromatic Color

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

#f580bf
```
#f580bf rgb(245,128,191)
```
#f580b6
```
#f580b6 rgb(245,128,182)
```
#f580ac
```
#f580ac rgb(245,128,172)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#f58098
```
#f58098 rgb(245,128,152)
```
#f5808f
```
#f5808f rgb(245,128,143)
```
#f58085
```
#f58085 rgb(245,128,133)
```

Similar Colors

Text with hexadecimal color #f580a2

This text has a font color of #f580a2.

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

#f580a2 background color

This paragraph has a background color of #f580a2.

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

#f580a2 border color

This element has a border color of #f580a2.

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

CSS codes

.text {color:#f580a2;}

.background {background-color:#f580a2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120106
```
#120106 rgb(18,1,6)
```
#25030d
```
#25030d rgb(37,3,13)
```
#370413
```
#370413 rgb(55,4,19)
```
#490619
```
#490619 rgb(73,6,25)
```
#5b0720
```
#5b0720 rgb(91,7,32)
```
#6d0926
```
#6d0926 rgb(109,9,38)
```
#800a2c
```
#800a2c rgb(128,10,44)
```
#920b32
```
#920b32 rgb(146,11,50)
```
#a40d39
```
#a40d39 rgb(164,13,57)
```
#b60e3f
```
#b60e3f rgb(182,14,63)
```
#c81045
```
#c81045 rgb(200,16,69)
```
#da114c
```
#da114c rgb(218,17,76)
```

Shade Color Variation

#ec1352
```
#ec1352 rgb(236,19,82)
```
#ee255f
```
#ee255f rgb(238,37,95)
```
#ef376d
```
#ef376d rgb(239,55,109)
```
#f1497a
```
#f1497a rgb(241,73,122)
```
#f25c87
```
#f25c87 rgb(242,92,135)
```
#f46e95
```
#f46e95 rgb(244,110,149)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#f692af
```
#f692af rgb(246,146,175)
```
#f8a4bd
```
#f8a4bd rgb(248,164,189)
```
#f9b7ca
```
#f9b7ca rgb(249,183,202)
```
#fbc9d7
```
#fbc9d7 rgb(251,201,215)
```
#fcdbe5
```
#fcdbe5 rgb(252,219,229)
```
#feedf2
```
#feedf2 rgb(254,237,242)
```

Tint Color Variation

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

#bbbaba
```
#bbbaba rgb(187,186,186)
```
#c0b5b8
```
#c0b5b8 rgb(192,181,184)
```
#c6afb6
```
#c6afb6 rgb(198,175,182)
```
#cbaab4
```
#cbaab4 rgb(203,170,180)
```
#d0a5b1
```
#d0a5b1 rgb(208,165,177)
```
#d5a0af
```
#d5a0af rgb(213,160,175)
```
#db9aad
```
#db9aad rgb(219,154,173)
```
#e095ab
```
#e095ab rgb(224,149,171)
```
#e590a9
```
#e590a9 rgb(229,144,169)
```
#ea8ba6
```
#ea8ba6 rgb(234,139,166)
```
#f085a4
```
#f085a4 rgb(240,133,164)
```
#f580a2
```
#f580a2 rgb(245,128,162)
```
#fa7ba0
```
#fa7ba0 rgb(250,123,160)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b79fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8b8 Protanopia 1% of men
#bca39f Deuteranopia 1% of men
#f38a93 Tritanopia 0.001% of the population

Trichromacy

#c399b0 Protanomaly 1% of men, 0.01% of women
#d196a0 Deuteranomaly 6% of men, 0.4% of women
#f48698 Tritanomaly 0.01% of the population

#f580a2 hex color

#f580a2 Color Information

#f580a2 Color Conversion

Color Schemes with #f580a2

Alternatives to #f580a2

#f580a2 Preview

Shades and Tints of #f580a2

Tones of #f580a2

Color Blindness Simulator