#fd58a2 hex color

In a RGB color space, hex #fd58a2 is composed of 99.2% red, 34.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.2% magenta, 36% yellow and 0.8% black. It has a hue angle of 333.1 degrees, a saturation of 97.6% and a lightness of 66.9%. #fd58a2 color hex could be obtained by blending #ffb0ff with #fb0045. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 99
- G 35
- B 64
RGB color chart
- C 0
- M 65
- Y 36
- K 1
CMYK color chart

● #fd58a2 color description : Soft pink.

The hexadecimal color #fd58a2 has RGB values of R:253, G:88, B:162 and CMYK values of C:0, M:0.65, Y:0.36, K:0.01. Its decimal value is 16603298.

Hex triplet	fd58a2	`#fd58a2`
RGB Decimal	253, 88, 162	`rgb(253,88,162)`
RGB Percent	99.2, 34.5, 63.5	`rgb(99.2%,34.5%,63.5%)`
CMYK	0, 65, 36, 1
HSL	333.1°, 97.6, 66.9	`hsl(333.1,97.6%,66.9%)`
HSV (or HSB)	333.1°, 65.2, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.062, 68.547, -5.479
XYZ	50.52, 30.475, 37.402
xyY	0.427, 0.257, 30.475
CIE-LCH	62.062, 68.766, 355.43
CIE-LUV	62.062, 103.41, -20.856
Hunter-Lab	55.204, 66.746, -1.527
Binary	11111101, 01011000, 10100010

#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#58fdb3
```
#58fdb3 rgb(88,253,179)
```

Complementary Color

#fd58f5
```
#fd58f5 rgb(253,88,245)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#fd6158
```
#fd6158 rgb(253,97,88)
```

Analogous Color

#58f5fd
```
#58f5fd rgb(88,245,253)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#58fd61
```
#58fd61 rgb(88,253,97)
```

Split Complementary Color

#58a2fd
```
#58a2fd rgb(88,162,253)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#a2fd58
```
#a2fd58 rgb(162,253,88)
```

Triadic Color

#b358fd
```
#b358fd rgb(179,88,253)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#a2fd58
```
#a2fd58 rgb(162,253,88)
```
#58fdb3
```
#58fdb3 rgb(88,253,179)
```

Tetradic Color

#fc0c78
```
#fc0c78 rgb(252,12,120)
```
#fc2686
```
#fc2686 rgb(252,38,134)
```
#fd3f94
```
#fd3f94 rgb(253,63,148)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#fd71b0
```
#fd71b0 rgb(253,113,176)
```
#fe8abe
```
#fe8abe rgb(254,138,190)
```
#fea4cc
```
#fea4cc rgb(254,164,204)
```

Monochromatic Color

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

#fd58cb
```
#fd58cb rgb(253,88,203)
```
#fd58be
```
#fd58be rgb(253,88,190)
```
#fd58b0
```
#fd58b0 rgb(253,88,176)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#fd5894
```
#fd5894 rgb(253,88,148)
```
#fd5887
```
#fd5887 rgb(253,88,135)
```
#fd5879
```
#fd5879 rgb(253,88,121)
```

Similar Colors

Text with hexadecimal color #fd58a2

This text has a font color of #fd58a2.

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

#fd58a2 background color

This paragraph has a background color of #fd58a2.

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

#fd58a2 border color

This element has a border color of #fd58a2.

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

CSS codes

.text {color:#fd58a2;}

.background {background-color:#fd58a2;}

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

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

#070003
```
#070003 rgb(7,0,3)
```
#1b000c
```
#1b000c rgb(27,0,12)
```
#2e0115
```
#2e0115 rgb(46,1,21)
```
#42011e
```
#42011e rgb(66,1,30)
```
#550127
```
#550127 rgb(85,1,39)
```
#68012f
```
#68012f rgb(104,1,47)
```
#7c0138
```
#7c0138 rgb(124,1,56)
```
#8f0241
```
#8f0241 rgb(143,2,65)
```
#a3024a
```
#a3024a rgb(163,2,74)
```
#b60253
```
#b60253 rgb(182,2,83)
```
#c9025c
```
#c9025c rgb(201,2,92)
```
#dd0364
```
#dd0364 rgb(221,3,100)
```
#f0036d
```
#f0036d rgb(240,3,109)
```

Shade Color Variation

#fc0a77
```
#fc0a77 rgb(252,10,119)
```
#fc1e82
```
#fc1e82 rgb(252,30,130)
```
#fd318c
```
#fd318c rgb(253,49,140)
```
#fd4597
```
#fd4597 rgb(253,69,151)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```
#fd6bad
```
#fd6bad rgb(253,107,173)
```
#fd7fb8
```
#fd7fb8 rgb(253,127,184)
```
#fe92c2
```
#fe92c2 rgb(254,146,194)
```
#fea6cd
```
#fea6cd rgb(254,166,205)
```
#feb9d8
```
#feb9d8 rgb(254,185,216)
```
#fecce3
```
#fecce3 rgb(254,204,227)
```
#ffe0ee
```
#ffe0ee rgb(255,224,238)
```
#fff3f8
```
#fff3f8 rgb(255,243,248)
```

Tint Color Variation

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

#afa6aa
```
#afa6aa rgb(175,166,170)
```
#b6a0a9
```
#b6a0a9 rgb(182,160,169)
```
#bc99a9
```
#bc99a9 rgb(188,153,169)
```
#c393a8
```
#c393a8 rgb(195,147,168)
```
#c98ca7
```
#c98ca7 rgb(201,140,167)
```
#d086a7
```
#d086a7 rgb(208,134,167)
```
#d67fa6
```
#d67fa6 rgb(214,127,166)
```
#dd79a5
```
#dd79a5 rgb(221,121,165)
```
#e372a5
```
#e372a5 rgb(227,114,165)
```
#ea6ca4
```
#ea6ca4 rgb(234,108,164)
```
#f065a3
```
#f065a3 rgb(240,101,163)
```
#f75fa3
```
#f75fa3 rgb(247,95,163)
```
#fd58a2
```
#fd58a2 rgb(253,88,162)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a78695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e99c6 Protanopia 1% of men
#a9969a Deuteranopia 1% of men
#f96d73 Tritanopia 0.001% of the population

Trichromacy

#b681b9 Protanomaly 1% of men, 0.01% of women
#c87f9d Deuteranomaly 6% of men, 0.4% of women
#fa6584 Tritanomaly 0.01% of the population

#fd58a2 hex color

#fd58a2 Color Information

#fd58a2 Color Conversion

Color Schemes with #fd58a2

Alternatives to #fd58a2

#fd58a2 Preview

Shades and Tints of #fd58a2

Tones of #fd58a2

Color Blindness Simulator