#f42575 hex color

In a RGB color space, hex #f42575 is composed of 95.7% red, 14.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 52% yellow and 4.3% black. It has a hue angle of 336.8 degrees, a saturation of 90.4% and a lightness of 55.1%. #f42575 color hex could be obtained by blending #ff4aea with #e90000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 15
- B 46
RGB color chart
- C 0
- M 85
- Y 52
- K 4
CMYK color chart

● #f42575 color description : Bright pink.

The hexadecimal color #f42575 has RGB values of R:244, G:37, B:117 and CMYK values of C:0, M:0.85, Y:0.52, K:0.04. Its decimal value is 16000373.

Hex triplet	f42575	`#f42575`
RGB Decimal	244, 37, 117	`rgb(244,37,117)`
RGB Percent	95.7, 14.5, 45.9	`rgb(95.7%,14.5%,45.9%)`
CMYK	0, 85, 52, 4
HSL	336.8°, 90.4, 55.1	`hsl(336.8,90.4%,55.1%)`
HSV (or HSB)	336.8°, 84.8, 95.7
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.862, 77.218, 8.933
XYZ	41.182, 21.845, 18.877
xyY	0.503, 0.267, 21.845
CIE-LCH	53.862, 77.733, 6.599
CIE-LUV	53.862, 132.556, -4.387
Hunter-Lab	46.739, 75.485, 8.771
Binary	11110100, 00100101, 01110101

#f42575
```
#f42575 rgb(244,37,117)
```
#25f4a4
```
#25f4a4 rgb(37,244,164)
```

Complementary Color

#f425dd
```
#f425dd rgb(244,37,221)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#f43d25
```
#f43d25 rgb(244,61,37)
```

Analogous Color

#25ddf4
```
#25ddf4 rgb(37,221,244)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#25f43d
```
#25f43d rgb(37,244,61)
```

Split Complementary Color

#2575f4
```
#2575f4 rgb(37,117,244)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#75f425
```
#75f425 rgb(117,244,37)
```

Triadic Color

#a425f4
```
#a425f4 rgb(164,37,244)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#75f425
```
#75f425 rgb(117,244,37)
```
#25f4a4
```
#25f4a4 rgb(37,244,164)
```

Tetradic Color

#c30a51
```
#c30a51 rgb(195,10,81)
```
#db0b5b
```
#db0b5b rgb(219,11,91)
```
#f30d66
```
#f30d66 rgb(243,13,102)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#f53d84
```
#f53d84 rgb(245,61,132)
```
#f65694
```
#f65694 rgb(246,86,148)
```
#f86ea3
```
#f86ea3 rgb(248,110,163)
```

Monochromatic Color

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

#f425a9
```
#f425a9 rgb(244,37,169)
```
#f42598
```
#f42598 rgb(244,37,152)
```
#f42586
```
#f42586 rgb(244,37,134)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#f42564
```
#f42564 rgb(244,37,100)
```
#f42552
```
#f42552 rgb(244,37,82)
```
#f42541
```
#f42541 rgb(244,37,65)
```

Similar Colors

Text with hexadecimal color #f42575

This text has a font color of #f42575.

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

#f42575 background color

This paragraph has a background color of #f42575.

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

#f42575 border color

This element has a border color of #f42575.

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

CSS codes

.text {color:#f42575;}

.background {background-color:#f42575;}

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

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

#060003
```
#060003 rgb(6,0,3)
```
#19010a
```
#19010a rgb(25,1,10)
```
#2b0212
```
#2b0212 rgb(43,2,18)
```
#3e031a
```
#3e031a rgb(62,3,26)
```
#510422
```
#510422 rgb(81,4,34)
```
#63052a
```
#63052a rgb(99,5,42)
```
#760631
```
#760631 rgb(118,6,49)
```
#890739
```
#890739 rgb(137,7,57)
```
#9b0841
```
#9b0841 rgb(155,8,65)
```
#ae0949
```
#ae0949 rgb(174,9,73)
```
#c10a50
```
#c10a50 rgb(193,10,80)
```
#d30b58
```
#d30b58 rgb(211,11,88)
```
#e60c60
```
#e60c60 rgb(230,12,96)
```

Shade Color Variation

#f31269
```
#f31269 rgb(243,18,105)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#f53881
```
#f53881 rgb(245,56,129)
```
#f64a8d
```
#f64a8d rgb(246,74,141)
```
#f75d98
```
#f75d98 rgb(247,93,152)
```
#f870a4
```
#f870a4 rgb(248,112,164)
```
#f982b0
```
#f982b0 rgb(249,130,176)
```
#fa95bc
```
#fa95bc rgb(250,149,188)
```
#fba8c8
```
#fba8c8 rgb(251,168,200)
```
#fcbad4
```
#fcbad4 rgb(252,186,212)
```
#fccddf
```
#fccddf rgb(252,205,223)
```
#fde0eb
```
#fde0eb rgb(253,224,235)
```
#fef2f7
```
#fef2f7 rgb(254,242,247)
```

Tint Color Variation

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

#93868b
```
#93868b rgb(147,134,139)
```
#9c7d89
```
#9c7d89 rgb(156,125,137)
```
#a57487
```
#a57487 rgb(165,116,135)
```
#ae6b85
```
#ae6b85 rgb(174,107,133)
```
#b66383
```
#b66383 rgb(182,99,131)
```
#bf5a81
```
#bf5a81 rgb(191,90,129)
```
#c8517f
```
#c8517f rgb(200,81,127)
```
#d1487d
```
#d1487d rgb(209,72,125)
```
#da3f7b
```
#da3f7b rgb(218,63,123)
```
#e23779
```
#e23779 rgb(226,55,121)
```
#eb2e77
```
#eb2e77 rgb(235,46,119)
```
#f42575
```
#f42575 rgb(244,37,117)
```
#fd1c73
```
#fd1c73 rgb(253,28,115)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#875e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8086a1 Protanopia 1% of men
#9c826e Deuteranopia 1% of men
#f14244 Tritanopia 0.001% of the population

Trichromacy

#aa6291 Protanomaly 1% of men, 0.01% of women
#bc6071 Deuteranomaly 6% of men, 0.4% of women
#f23755 Tritanomaly 0.01% of the population

#f42575 hex color

#f42575 Color Information

#f42575 Color Conversion

Color Schemes with #f42575

Alternatives to #f42575

#f42575 Preview

Shades and Tints of #f42575

Tones of #f42575

Color Blindness Simulator