#f58dd4 hex color

In a RGB color space, hex #f58dd4 is composed of 96.1% red, 55.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 13.5% yellow and 3.9% black. It has a hue angle of 319 degrees, a saturation of 83.9% and a lightness of 75.7%. #f58dd4 color hex could be obtained by blending #ffffff with #eb1ba9. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 55
- B 83
RGB color chart
- C 0
- M 42
- Y 13
- K 4
CMYK color chart

● #f58dd4 color description : Very soft pink.

The hexadecimal color #f58dd4 has RGB values of R:245, G:141, B:212 and CMYK values of C:0, M:0.42, Y:0.13, K:0.04. Its decimal value is 16092628.

Hex triplet	f58dd4	`#f58dd4`
RGB Decimal	245, 141, 212	`rgb(245,141,212)`
RGB Percent	96.1, 55.3, 83.1	`rgb(96.1%,55.3%,83.1%)`
CMYK	0, 42, 13, 4
HSL	319°, 83.9, 75.7	`hsl(319,83.9%,75.7%)`
HSV (or HSB)	319°, 42.4, 96.1
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	71.703, 48.645, -19.334
XYZ	59.064, 43.219, 67.515
xyY	0.348, 0.255, 43.219
CIE-LCH	71.703, 52.346, 338.324
CIE-LUV	71.703, 57.619, -38.075
Hunter-Lab	65.741, 45.324, -14.871
Binary	11110101, 10001101, 11010100

#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#8df5ae
```
#8df5ae rgb(141,245,174)
```

Complementary Color

#e28df5
```
#e28df5 rgb(226,141,245)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#f58da0
```
#f58da0 rgb(245,141,160)
```

Analogous Color

#8df5e2
```
#8df5e2 rgb(141,245,226)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#a0f58d
```
#a0f58d rgb(160,245,141)
```

Split Complementary Color

#8dd4f5
```
#8dd4f5 rgb(141,212,245)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#d4f58d
```
#d4f58d rgb(212,245,141)
```

Triadic Color

#ae8df5
```
#ae8df5 rgb(174,141,245)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#d4f58d
```
#d4f58d rgb(212,245,141)
```
#8df5ae
```
#8df5ae rgb(141,245,174)
```

Tetradic Color

#ef47b9
```
#ef47b9 rgb(239,71,185)
```
#f15ec2
```
#f15ec2 rgb(241,94,194)
```
#f376cb
```
#f376cb rgb(243,118,203)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#f7a4dd
```
#f7a4dd rgb(247,164,221)
```
#f9bce6
```
#f9bce6 rgb(249,188,230)
```
#fbd3ef
```
#fbd3ef rgb(251,211,239)
```

Monochromatic Color

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

#f58dee
```
#f58dee rgb(245,141,238)
```
#f58de5
```
#f58de5 rgb(245,141,229)
```
#f58ddd
```
#f58ddd rgb(245,141,221)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#f58dcb
```
#f58dcb rgb(245,141,203)
```
#f58dc3
```
#f58dc3 rgb(245,141,195)
```
#f58dba
```
#f58dba rgb(245,141,186)
```

Similar Colors

Text with hexadecimal color #f58dd4

This text has a font color of #f58dd4.

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

#f58dd4 background color

This paragraph has a background color of #f58dd4.

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

#f58dd4 border color

This element has a border color of #f58dd4.

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

CSS codes

.text {color:#f58dd4;}

.background {background-color:#f58dd4;}

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

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

#0c0109
```
#0c0109 rgb(12,1,9)
```
#1e0316
```
#1e0316 rgb(30,3,22)
```
#300422
```
#300422 rgb(48,4,34)
```
#42062f
```
#42062f rgb(66,6,47)
```
#54073c
```
#54073c rgb(84,7,60)
```
#660949
```
#660949 rgb(102,9,73)
```
#780b56
```
#780b56 rgb(120,11,86)
```
#8a0c62
```
#8a0c62 rgb(138,12,98)
```
#9d0e6f
```
#9d0e6f rgb(157,14,111)
```
#af0f7c
```
#af0f7c rgb(175,15,124)
```
#c11189
```
#c11189 rgb(193,17,137)
```
#d31296
```
#d31296 rgb(211,18,150)
```
#e514a2
```
#e514a2 rgb(229,20,162)
```

Shade Color Variation

#ec21ab
```
#ec21ab rgb(236,33,171)
```
#ed33b2
```
#ed33b2 rgb(237,51,178)
```
#ef45b9
```
#ef45b9 rgb(239,69,185)
```
#f057c0
```
#f057c0 rgb(240,87,192)
```
#f269c6
```
#f269c6 rgb(242,105,198)
```
#f37bcd
```
#f37bcd rgb(243,123,205)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#f79fdb
```
#f79fdb rgb(247,159,219)
```
#f8b1e2
```
#f8b1e2 rgb(248,177,226)
```
#fac3e8
```
#fac3e8 rgb(250,195,232)
```
#fbd5ef
```
#fbd5ef rgb(251,213,239)
```
#fde7f6
```
#fde7f6 rgb(253,231,246)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#c5bdc3
```
#c5bdc3 rgb(197,189,195)
```
#cab8c4
```
#cab8c4 rgb(202,184,196)
```
#cfb3c6
```
#cfb3c6 rgb(207,179,198)
```
#d4aec8
```
#d4aec8 rgb(212,174,200)
```
#d8aaca
```
#d8aaca rgb(216,170,202)
```
#dda5cb
```
#dda5cb rgb(221,165,203)
```
#e2a0cd
```
#e2a0cd rgb(226,160,205)
```
#e79bcf
```
#e79bcf rgb(231,155,207)
```
#eb97d1
```
#eb97d1 rgb(235,151,209)
```
#f092d2
```
#f092d2 rgb(240,146,210)
```
#f58dd4
```
#f58dd4 rgb(245,141,212)
```
#fa88d6
```
#fa88d6 rgb(250,136,214)
```
#ff83d7
```
#ff83d7 rgb(255,131,215)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c1acba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b1e9 Protanopia 1% of men
#b7afce Deuteranopia 1% of men
#ef9ca7 Tritanopia 0.001% of the population

Trichromacy

#c0a4e1 Protanomaly 1% of men, 0.01% of women
#cda3d0 Deuteranomaly 6% of men, 0.4% of women
#f197b7 Tritanomaly 0.01% of the population

#f58dd4 hex color

#f58dd4 Color Information

#f58dd4 Color Conversion

Color Schemes with #f58dd4

Alternatives to #f58dd4

#f58dd4 Preview

Shades and Tints of #f58dd4

Tones of #f58dd4

Color Blindness Simulator