#f42d58 hex color

In a RGB color space, hex #f42d58 is composed of 95.7% red, 17.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 63.9% yellow and 4.3% black. It has a hue angle of 347 degrees, a saturation of 90% and a lightness of 56.7%. #f42d58 color hex could be obtained by blending #ff5ab0 with #e90000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 18
- B 35
RGB color chart
- C 0
- M 82
- Y 64
- K 4
CMYK color chart

● #f42d58 color description : Bright red.

The hexadecimal color #f42d58 has RGB values of R:244, G:45, B:88 and CMYK values of C:0, M:0.82, Y:0.64, K:0.04. Its decimal value is 16002392.

Hex triplet	f42d58	`#f42d58`
RGB Decimal	244, 45, 88	`rgb(244,45,88)`
RGB Percent	95.7, 17.6, 34.5	`rgb(95.7%,17.6%,34.5%)`
CMYK	0, 82, 64, 4
HSL	347°, 90, 56.7	`hsl(347,90%,56.7%)`
HSV (or HSB)	347°, 81.6, 95.7
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.835, 73.713, 26.315
XYZ	40.01, 21.819, 11.337
xyY	0.547, 0.298, 21.819
CIE-LCH	53.835, 78.27, 19.646
CIE-LUV	53.835, 140.637, 14.694
Hunter-Lab	46.711, 71.148, 18.308
Binary	11110100, 00101101, 01011000

#f42d58
```
#f42d58 rgb(244,45,88)
```
#2df4c9
```
#2df4c9 rgb(45,244,201)
```

Complementary Color

#f42dbc
```
#f42dbc rgb(244,45,188)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#f4662d
```
#f4662d rgb(244,102,45)
```

Analogous Color

#2dbcf4
```
#2dbcf4 rgb(45,188,244)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#2df466
```
#2df466 rgb(45,244,102)
```

Split Complementary Color

#2d58f4
```
#2d58f4 rgb(45,88,244)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#58f42d
```
#58f42d rgb(88,244,45)
```

Triadic Color

#c92df4
```
#c92df4 rgb(201,45,244)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#58f42d
```
#58f42d rgb(88,244,45)
```
#2df4c9
```
#2df4c9 rgb(45,244,201)
```

Tetradic Color

#ca0b34
```
#ca0b34 rgb(202,11,52)
```
#e20c3a
```
#e20c3a rgb(226,12,58)
```
#f31545
```
#f31545 rgb(243,21,69)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#f5456b
```
#f5456b rgb(245,69,107)
```
#f75d7f
```
#f75d7f rgb(247,93,127)
```
#f87692
```
#f87692 rgb(248,118,146)
```

Monochromatic Color

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

#f42d8a
```
#f42d8a rgb(244,45,138)
```
#f42d79
```
#f42d79 rgb(244,45,121)
```
#f42d69
```
#f42d69 rgb(244,45,105)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#f42d47
```
#f42d47 rgb(244,45,71)
```
#f42d37
```
#f42d37 rgb(244,45,55)
```
#f4342d
```
#f4342d rgb(244,52,45)
```

Similar Colors

Text with hexadecimal color #f42d58

This text has a font color of #f42d58.

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

#f42d58 background color

This paragraph has a background color of #f42d58.

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

#f42d58 border color

This element has a border color of #f42d58.

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

CSS codes

.text {color:#f42d58;}

.background {background-color:#f42d58;}

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

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

#0e0104
```
#0e0104 rgb(14,1,4)
```
#200208
```
#200208 rgb(32,2,8)
```
#33030d
```
#33030d rgb(51,3,13)
```
#460412
```
#460412 rgb(70,4,18)
```
#580517
```
#580517 rgb(88,5,23)
```
#6b061b
```
#6b061b rgb(107,6,27)
```
#7e0720
```
#7e0720 rgb(126,7,32)
```
#900825
```
#900825 rgb(144,8,37)
```
#a3092a
```
#a3092a rgb(163,9,42)
```
#b50a2f
```
#b50a2f rgb(181,10,47)
```
#c80a33
```
#c80a33 rgb(200,10,51)
```
#db0b38
```
#db0b38 rgb(219,11,56)
```
#ed0c3d
```
#ed0c3d rgb(237,12,61)
```

Shade Color Variation

#f31a49
```
#f31a49 rgb(243,26,73)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#f54067
```
#f54067 rgb(245,64,103)
```
#f65276
```
#f65276 rgb(246,82,118)
```
#f76584
```
#f76584 rgb(247,101,132)
```
#f87893
```
#f87893 rgb(248,120,147)
```
#f98aa2
```
#f98aa2 rgb(249,138,162)
```
#fa9db1
```
#fa9db1 rgb(250,157,177)
```
#fbafc0
```
#fbafc0 rgb(251,175,192)
```
#fcc2cf
```
#fcc2cf rgb(252,194,207)
```
#fdd5dd
```
#fdd5dd rgb(253,213,221)
```
#fee7ec
```
#fee7ec rgb(254,231,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#978b8d
```
#978b8d rgb(151,139,141)
```
#9f8288
```
#9f8288 rgb(159,130,136)
```
#a87a83
```
#a87a83 rgb(168,122,131)
```
#b0717f
```
#b0717f rgb(176,113,127)
```
#b9697a
```
#b9697a rgb(185,105,122)
```
#c16075
```
#c16075 rgb(193,96,117)
```
#ca5870
```
#ca5870 rgb(202,88,112)
```
#d24f6b
```
#d24f6b rgb(210,79,107)
```
#db4766
```
#db4766 rgb(219,71,102)
```
#e33e62
```
#e33e62 rgb(227,62,98)
```
#ec365d
```
#ec365d rgb(236,54,93)
```
#f42d58
```
#f42d58 rgb(244,45,88)
```
#fd2553
```
#fd2553 rgb(253,37,83)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#886069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b867d Protanopia 1% of men
#a28153 Deuteranopia 1% of men
#f33f40 Tritanopia 0.001% of the population

Trichromacy

#b1666f Protanomaly 1% of men, 0.01% of women
#c06255 Deuteranomaly 6% of men, 0.4% of women
#f33849 Tritanomaly 0.01% of the population

#f42d58 hex color

#f42d58 Color Information

#f42d58 Color Conversion

Color Schemes with #f42d58

Alternatives to #f42d58

#f42d58 Preview

Shades and Tints of #f42d58

Tones of #f42d58

Color Blindness Simulator