colorhexa.com

#fd58d4 hex color

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

- R 99
- G 35
- B 83
RGB color chart
- C 0
- M 65
- Y 16
- K 1
CMYK color chart

● #fd58d4 color description : Soft magenta.

The hexadecimal color #fd58d4 has RGB values of R:253, G:88, B:212 and CMYK values of C:0, M:0.65, Y:0.16, K:0.01. Its decimal value is 16603348.

Hex triplet	fd58d4	`#fd58d4`
RGB Decimal	253, 88, 212	`rgb(253,88,212)`
RGB Percent	99.2, 34.5, 83.1	`rgb(99.2%,34.5%,83.1%)`
CMYK	0, 65, 16, 1
HSL	314.9°, 97.6, 66.9	`hsl(314.9,97.6%,66.9%)`
HSV (or HSB)	314.9°, 65.2, 99.2
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	63.852, 74.681, -31.275
XYZ	55.881, 32.62, 65.637
xyY	0.363, 0.212, 32.62
CIE-LCH	63.852, 80.965, 337.277
CIE-LUV	63.852, 85.805, -60.368
Hunter-Lab	57.114, 74.699, -28.158
Binary	11111101, 01011000, 11010100

#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#58fd81
```
#58fd81 rgb(88,253,129)
```

Complementary Color

#d458fd
```
#d458fd rgb(212,88,253)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#fd5882
```
#fd5882 rgb(253,88,130)
```

Analogous Color

#58fdd4
```
#58fdd4 rgb(88,253,212)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#82fd58
```
#82fd58 rgb(130,253,88)
```

Split Complementary Color

#58d4fd
```
#58d4fd rgb(88,212,253)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#d4fd58
```
#d4fd58 rgb(212,253,88)
```

Triadic Color

#8158fd
```
#8158fd rgb(129,88,253)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#d4fd58
```
#d4fd58 rgb(212,253,88)
```
#58fd81
```
#58fd81 rgb(88,253,129)
```

Tetradic Color

#fc0cc1
```
#fc0cc1 rgb(252,12,193)
```
#fc26c7
```
#fc26c7 rgb(252,38,199)
```
#fd3fce
```
#fd3fce rgb(253,63,206)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#fd71da
```
#fd71da rgb(253,113,218)
```
#fe8ae1
```
#fe8ae1 rgb(254,138,225)
```
#fea4e7
```
#fea4e7 rgb(254,164,231)
```

Monochromatic Color

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

#fd58fd
```
#fd58fd rgb(253,88,253)
```
#fd58f0
```
#fd58f0 rgb(253,88,240)
```
#fd58e2
```
#fd58e2 rgb(253,88,226)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#fd58c6
```
#fd58c6 rgb(253,88,198)
```
#fd58b9
```
#fd58b9 rgb(253,88,185)
```
#fd58ab
```
#fd58ab rgb(253,88,171)
```

Similar Colors

Text with hexadecimal color #fd58d4

This text has a font color of #fd58d4.

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

#fd58d4 background color

This paragraph has a background color of #fd58d4.

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

#fd58d4 border color

This element has a border color of #fd58d4.

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

CSS codes

.text {color:#fd58d4;}

.background {background-color:#fd58d4;}

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

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

#070006
```
#070006 rgb(7,0,6)
```
#1b0014
```
#1b0014 rgb(27,0,20)
```
#2e0123
```
#2e0123 rgb(46,1,35)
```
#420131
```
#420131 rgb(66,1,49)
```
#550140
```
#550140 rgb(85,1,64)
```
#68014f
```
#68014f rgb(104,1,79)
```
#7c015d
```
#7c015d rgb(124,1,93)
```
#8f026c
```
#8f026c rgb(143,2,108)
```
#a3027b
```
#a3027b rgb(163,2,123)
```
#b60289
```
#b60289 rgb(182,2,137)
```
#c90298
```
#c90298 rgb(201,2,152)
```
#dd03a6
```
#dd03a6 rgb(221,3,166)
```
#f003b5
```
#f003b5 rgb(240,3,181)
```

Shade Color Variation

#fc0ac0
```
#fc0ac0 rgb(252,10,192)
```
#fc1ec5
```
#fc1ec5 rgb(252,30,197)
```
#fd31ca
```
#fd31ca rgb(253,49,202)
```
#fd45cf
```
#fd45cf rgb(253,69,207)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```
#fd6bd9
```
#fd6bd9 rgb(253,107,217)
```
#fd7fde
```
#fd7fde rgb(253,127,222)
```
#fe92e3
```
#fe92e3 rgb(254,146,227)
```
#fea6e8
```
#fea6e8 rgb(254,166,232)
```
#feb9ed
```
#feb9ed rgb(254,185,237)
```
#feccf2
```
#feccf2 rgb(254,204,242)
```
#ffe0f7
```
#ffe0f7 rgb(255,224,247)
```
#fff3fc
```
#fff3fc rgb(255,243,252)
```

Tint Color Variation

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

#afa6ad
```
#afa6ad rgb(175,166,173)
```
#b6a0b0
```
#b6a0b0 rgb(182,160,176)
```
#bc99b3
```
#bc99b3 rgb(188,153,179)
```
#c393b7
```
#c393b7 rgb(195,147,183)
```
#c98cba
```
#c98cba rgb(201,140,186)
```
#d086bd
```
#d086bd rgb(208,134,189)
```
#d67fc0
```
#d67fc0 rgb(214,127,192)
```
#dd79c4
```
#dd79c4 rgb(221,121,196)
```
#e372c7
```
#e372c7 rgb(227,114,199)
```
#ea6cca
```
#ea6cca rgb(234,108,202)
```
#f065cd
```
#f065cd rgb(240,101,205)
```
#f75fd1
```
#f75fd1 rgb(247,95,209)
```
#fd58d4
```
#fd58d4 rgb(253,88,212)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#ab8aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739cff Protanopia 1% of men
#989dc7 Deuteranopia 1% of men
#f47981 Tritanopia 0.001% of the population

Trichromacy

#a583ef Protanomaly 1% of men, 0.01% of women
#bd84cb Deuteranomaly 6% of men, 0.4% of women
#f76d9f Tritanomaly 0.01% of the population