#f24d75 hex color

In a RGB color space, hex #f24d75 is composed of 94.9% red, 30.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 51.7% yellow and 5.1% black. It has a hue angle of 345.5 degrees, a saturation of 86.4% and a lightness of 62.5%. #f24d75 color hex could be obtained by blending #ff9aea with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 30
- B 46
RGB color chart
- C 0
- M 68
- Y 52
- K 5
CMYK color chart

● #f24d75 color description : Soft red.

The hexadecimal color #f24d75 has RGB values of R:242, G:77, B:117 and CMYK values of C:0, M:0.68, Y:0.52, K:0.05. Its decimal value is 15879541.

Hex triplet	f24d75	`#f24d75`
RGB Decimal	242, 77, 117	`rgb(242,77,117)`
RGB Percent	94.9, 30.2, 45.9	`rgb(94.9%,30.2%,45.9%)`
CMYK	0, 68, 52, 5
HSL	345.5°, 86.4, 62.5	`hsl(345.5,86.4%,62.5%)`
HSV (or HSB)	345.5°, 68.2, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.534, 65.338, 14.033
XYZ	42.484, 25.474, 19.508
xyY	0.486, 0.291, 25.474
CIE-LCH	57.534, 66.828, 12.121
CIE-LUV	57.534, 115.117, 4.649
Hunter-Lab	50.472, 61.926, 12.413
Binary	11110010, 01001101, 01110101

#f24d75
```
#f24d75 rgb(242,77,117)
```
#4df2ca
```
#4df2ca rgb(77,242,202)
```

Complementary Color

#f24dc8
```
#f24dc8 rgb(242,77,200)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#f2784d
```
#f2784d rgb(242,120,77)
```

Analogous Color

#4dc8f2
```
#4dc8f2 rgb(77,200,242)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#4df278
```
#4df278 rgb(77,242,120)
```

Split Complementary Color

#4d75f2
```
#4d75f2 rgb(77,117,242)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#75f24d
```
#75f24d rgb(117,242,77)
```

Triadic Color

#ca4df2
```
#ca4df2 rgb(202,77,242)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#75f24d
```
#75f24d rgb(117,242,77)
```
#4df2ca
```
#4df2ca rgb(77,242,202)
```

Tetradic Color

#e21143
```
#e21143 rgb(226,17,67)
```
#ef1d50
```
#ef1d50 rgb(239,29,80)
```
#f03563
```
#f03563 rgb(240,53,99)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#f46587
```
#f46587 rgb(244,101,135)
```
#f57d9a
```
#f57d9a rgb(245,125,154)
```
#f794ac
```
#f794ac rgb(247,148,172)
```

Monochromatic Color

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

#f24d9e
```
#f24d9e rgb(242,77,158)
```
#f24d91
```
#f24d91 rgb(242,77,145)
```
#f24d83
```
#f24d83 rgb(242,77,131)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#f24d67
```
#f24d67 rgb(242,77,103)
```
#f24d5a
```
#f24d5a rgb(242,77,90)
```
#f24e4d
```
#f24e4d rgb(242,78,77)
```

Similar Colors

Text with hexadecimal color #f24d75

This text has a font color of #f24d75.

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

#f24d75 background color

This paragraph has a background color of #f24d75.

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

#f24d75 border color

This element has a border color of #f24d75.

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

CSS codes

.text {color:#f24d75;}

.background {background-color:#f24d75;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#170207
```
#170207 rgb(23,2,7)
```
#29030c
```
#29030c rgb(41,3,12)
```
#3c0412
```
#3c0412 rgb(60,4,18)
```
#4e0617
```
#4e0617 rgb(78,6,23)
```
#60071d
```
#60071d rgb(96,7,29)
```
#720822
```
#720822 rgb(114,8,34)
```
#850a28
```
#850a28 rgb(133,10,40)
```
#970b2d
```
#970b2d rgb(151,11,45)
```
#a90c32
```
#a90c32 rgb(169,12,50)
```
#bc0e38
```
#bc0e38 rgb(188,14,56)
```
#ce0f3d
```
#ce0f3d rgb(206,15,61)
```
#e01043
```
#e01043 rgb(224,16,67)
```

Shade Color Variation

#ee164a
```
#ee164a rgb(238,22,74)
```
#ef2859
```
#ef2859 rgb(239,40,89)
```
#f13b67
```
#f13b67 rgb(241,59,103)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#f35f83
```
#f35f83 rgb(243,95,131)
```
#f57291
```
#f57291 rgb(245,114,145)
```
#f684a0
```
#f684a0 rgb(246,132,160)
```
#f796ae
```
#f796ae rgb(247,150,174)
```
#f9a8bc
```
#f9a8bc rgb(249,168,188)
```
#fabbca
```
#fabbca rgb(250,187,202)
```
#fbcdd8
```
#fbcdd8 rgb(251,205,216)
```
#fddfe6
```
#fddfe6 rgb(253,223,230)
```
#fef2f5
```
#fef2f5 rgb(254,242,245)
```

Tint Color Variation

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

#a19e9f
```
#a19e9f rgb(161,158,159)
```
#a9969b
```
#a9969b rgb(169,150,155)
```
#b08f97
```
#b08f97 rgb(176,143,151)
```
#b78893
```
#b78893 rgb(183,136,147)
```
#bf808f
```
#bf808f rgb(191,128,143)
```
#c6798c
```
#c6798c rgb(198,121,140)
```
#cd7288
```
#cd7288 rgb(205,114,136)
```
#d56a84
```
#d56a84 rgb(213,106,132)
```
#dc6380
```
#dc6380 rgb(220,99,128)
```
#e35c7d
```
#e35c7d rgb(227,92,125)
```
#eb5479
```
#eb5479 rgb(235,84,121)
```
#f24d75
```
#f24d75 rgb(242,77,117)
```
#f94671
```
#f94671 rgb(249,70,113)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#997880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908f96 Protanopia 1% of men
#a88a71 Deuteranopia 1% of men
#f15b60 Tritanopia 0.001% of the population

Trichromacy

#b4778a Protanomaly 1% of men, 0.01% of women
#c27472 Deuteranomaly 6% of men, 0.4% of women
#f15668 Tritanomaly 0.01% of the population

#f24d75 hex color

#f24d75 Color Information

#f24d75 Color Conversion

Color Schemes with #f24d75

Alternatives to #f24d75

#f24d75 Preview

Shades and Tints of #f24d75

Tones of #f24d75

Color Blindness Simulator