colorhexa.com

#f24f70 hex color

In a RGB color space, hex #f24f70 is composed of 94.9% red, 31% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.4% magenta, 53.7% yellow and 5.1% black. It has a hue angle of 347.9 degrees, a saturation of 86.2% and a lightness of 62.9%. #f24f70 color hex could be obtained by blending #ff9ee0 with #e50000. Closest websafe color is: #ff6666.

- R 95
- G 31
- B 44
RGB color chart
- C 0
- M 67
- Y 54
- K 5
CMYK color chart

● #f24f70 color description : Soft red.

The hexadecimal color #f24f70 has RGB values of R:242, G:79, B:112 and CMYK values of C:0, M:0.67, Y:0.54, K:0.05. Its decimal value is 15880048.

Hex triplet	f24f70	`#f24f70`
RGB Decimal	242, 79, 112	`rgb(242,79,112)`
RGB Percent	94.9, 31, 43.9	`rgb(94.9%,31%,43.9%)`
CMYK	0, 67, 54, 5
HSL	347.9°, 86.2, 62.9	`hsl(347.9,86.2%,62.9%)`
HSV (or HSB)	347.9°, 67.4, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.697, 64.203, 17.2
XYZ	42.34, 25.643, 18.048
xyY	0.492, 0.298, 25.643
CIE-LCH	57.697, 66.467, 14.997
CIE-LUV	57.697, 115.629, 8.507
Hunter-Lab	50.639, 60.626, 14.316
Binary	11110010, 01001111, 01110000

#f24f70
```
#f24f70 rgb(242,79,112)
```
#4ff2d1
```
#4ff2d1 rgb(79,242,209)
```

Complementary Color

#f24fc2
```
#f24fc2 rgb(242,79,194)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#f2804f
```
#f2804f rgb(242,128,79)
```

Analogous Color

#4fc2f2
```
#4fc2f2 rgb(79,194,242)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#4ff280
```
#4ff280 rgb(79,242,128)
```

Split Complementary Color

#4f70f2
```
#4f70f2 rgb(79,112,242)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#70f24f
```
#70f24f rgb(112,242,79)
```

Triadic Color

#d14ff2
```
#d14ff2 rgb(209,79,242)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#70f24f
```
#70f24f rgb(112,242,79)
```
#4ff2d1
```
#4ff2d1 rgb(79,242,209)
```

Tetradic Color

#e4113c
```
#e4113c rgb(228,17,60)
```
#ee2049
```
#ee2049 rgb(238,32,73)
```
#f0375d
```
#f0375d rgb(240,55,93)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#f46783
```
#f46783 rgb(244,103,131)
```
#f67e97
```
#f67e97 rgb(246,126,151)
```
#f796aa
```
#f796aa rgb(247,150,170)
```

Monochromatic Color

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

#f24f99
```
#f24f99 rgb(242,79,153)
```
#f24f8b
```
#f24f8b rgb(242,79,139)
```
#f24f7e
```
#f24f7e rgb(242,79,126)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#f24f62
```
#f24f62 rgb(242,79,98)
```
#f24f55
```
#f24f55 rgb(242,79,85)
```
#f2574f
```
#f2574f rgb(242,87,79)
```

Similar Colors

Text with hexadecimal color #f24f70

This text has a font color of #f24f70.

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

#f24f70 background color

This paragraph has a background color of #f24f70.

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

#f24f70 border color

This element has a border color of #f24f70.

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

CSS codes

.text {color:#f24f70;}

.background {background-color:#f24f70;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#190207
```
#190207 rgb(25,2,7)
```
#2b030b
```
#2b030b rgb(43,3,11)
```
#3d0510
```
#3d0510 rgb(61,5,16)
```
#500615
```
#500615 rgb(80,6,21)
```
#62071a
```
#62071a rgb(98,7,26)
```
#74091e
```
#74091e rgb(116,9,30)
```
#870a23
```
#870a23 rgb(135,10,35)
```
#990b28
```
#990b28 rgb(153,11,40)
```
#ab0d2d
```
#ab0d2d rgb(171,13,45)
```
#bd0e31
```
#bd0e31 rgb(189,14,49)
```
#d00f36
```
#d00f36 rgb(208,15,54)
```
#e2113b
```
#e2113b rgb(226,17,59)
```

Shade Color Variation

#ee1843
```
#ee1843 rgb(238,24,67)
```
#ef2a52
```
#ef2a52 rgb(239,42,82)
```
#f13d61
```
#f13d61 rgb(241,61,97)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#f3617f
```
#f3617f rgb(243,97,127)
```
#f5748e
```
#f5748e rgb(245,116,142)
```
#f6869d
```
#f6869d rgb(246,134,157)
```
#f798ab
```
#f798ab rgb(247,152,171)
```
#f9aaba
```
#f9aaba rgb(249,170,186)
```
#fabdc9
```
#fabdc9 rgb(250,189,201)
```
#fbcfd8
```
#fbcfd8 rgb(251,207,216)
```
#fde1e7
```
#fde1e7 rgb(253,225,231)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#a29fa0
```
#a29fa0 rgb(162,159,160)
```
#a9989b
```
#a9989b rgb(169,152,155)
```
#b19097
```
#b19097 rgb(177,144,151)
```
#b88993
```
#b88993 rgb(184,137,147)
```
#bf828e
```
#bf828e rgb(191,130,142)
```
#c67b8a
```
#c67b8a rgb(198,123,138)
```
#ce7386
```
#ce7386 rgb(206,115,134)
```
#d56c81
```
#d56c81 rgb(213,108,129)
```
#dc657d
```
#dc657d rgb(220,101,125)
```
#e35e79
```
#e35e79 rgb(227,94,121)
```
#eb5674
```
#eb5674 rgb(235,86,116)
```
#f24f70
```
#f24f70 rgb(242,79,112)
```
#f9486c
```
#f9486c rgb(249,72,108)
```

Tone Color Variation

Below, you can see how #f24f70 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
#99797f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938f90 Protanopia 1% of men
#a98b6c Deuteranopia 1% of men
#f15c61 Tritanopia 0.001% of the population

Trichromacy

#b57884 Protanomaly 1% of men, 0.01% of women
#c4756e Deuteranomaly 6% of men, 0.4% of women
#f15766 Tritanomaly 0.01% of the population