#f24264 hex color

In a RGB color space, hex #f24264 is composed of 94.9% red, 25.9% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.7% magenta, 58.7% yellow and 5.1% black. It has a hue angle of 348.4 degrees, a saturation of 87.1% and a lightness of 60.4%. #f24264 color hex could be obtained by blending #ff84c8 with #e50000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 26
- B 39
RGB color chart
- C 0
- M 73
- Y 59
- K 5
CMYK color chart

● #f24264 color description : Bright red.

The hexadecimal color #f24264 has RGB values of R:242, G:66, B:100 and CMYK values of C:0, M:0.73, Y:0.59, K:0.05. Its decimal value is 15876708.

Hex triplet	f24264	`#f24264`
RGB Decimal	242, 66, 100	`rgb(242,66,100)`
RGB Percent	94.9, 25.9, 39.2	`rgb(94.9%,25.9%,39.2%)`
CMYK	0, 73, 59, 5
HSL	348.4°, 87.1, 60.4	`hsl(348.4,87.1%,60.4%)`
HSV (or HSB)	348.4°, 72.7, 94.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.784, 67.969, 21.685
XYZ	40.868, 23.698, 14.478
xyY	0.517, 0.3, 23.698
CIE-LCH	55.784, 71.345, 17.695
CIE-LUV	55.784, 126.094, 12.073
Hunter-Lab	48.681, 64.66, 16.443
Binary	11110010, 01000010, 01100100

#f24264
```
#f24264 rgb(242,66,100)
```
#42f2d0
```
#42f2d0 rgb(66,242,208)
```

Complementary Color

#f242bc
```
#f242bc rgb(242,66,188)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#f27842
```
#f27842 rgb(242,120,66)
```

Analogous Color

#42bcf2
```
#42bcf2 rgb(66,188,242)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#42f278
```
#42f278 rgb(66,242,120)
```

Split Complementary Color

#4264f2
```
#4264f2 rgb(66,100,242)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#64f242
```
#64f242 rgb(100,242,66)
```

Triadic Color

#d042f2
```
#d042f2 rgb(208,66,242)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#64f242
```
#64f242 rgb(100,242,66)
```
#42f2d0
```
#42f2d0 rgb(66,242,208)
```

Tetradic Color

#d90f36
```
#d90f36 rgb(217,15,54)
```
#ef123d
```
#ef123d rgb(239,18,61)
```
#f02a50
```
#f02a50 rgb(240,42,80)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#f45a78
```
#f45a78 rgb(244,90,120)
```
#f5728b
```
#f5728b rgb(245,114,139)
```
#f78a9f
```
#f78a9f rgb(247,138,159)
```

Monochromatic Color

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

#f24290
```
#f24290 rgb(242,66,144)
```
#f24281
```
#f24281 rgb(242,66,129)
```
#f24273
```
#f24273 rgb(242,66,115)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#f24255
```
#f24255 rgb(242,66,85)
```
#f24247
```
#f24247 rgb(242,66,71)
```
#f24c42
```
#f24c42 rgb(242,76,66)
```

Similar Colors

Text with hexadecimal color #f24264

This text has a font color of #f24264.

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

#f24264 background color

This paragraph has a background color of #f24264.

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

#f24264 border color

This element has a border color of #f24264.

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

CSS codes

.text {color:#f24264;}

.background {background-color:#f24264;}

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

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

#0d0103
```
#0d0103 rgb(13,1,3)
```
#1f0208
```
#1f0208 rgb(31,2,8)
```
#32030c
```
#32030c rgb(50,3,12)
```
#440511
```
#440511 rgb(68,5,17)
```
#560615
```
#560615 rgb(86,6,21)
```
#69071a
```
#69071a rgb(105,7,26)
```
#7b081f
```
#7b081f rgb(123,8,31)
```
#8d0a23
```
#8d0a23 rgb(141,10,35)
```
#a00b28
```
#a00b28 rgb(160,11,40)
```
#b20c2c
```
#b20c2c rgb(178,12,44)
```
#c40e31
```
#c40e31 rgb(196,14,49)
```
#d70f35
```
#d70f35 rgb(215,15,53)
```
#e9103a
```
#e9103a rgb(233,16,58)
```

Shade Color Variation

#ef1d46
```
#ef1d46 rgb(239,29,70)
```
#f13055
```
#f13055 rgb(241,48,85)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#f35473
```
#f35473 rgb(243,84,115)
```
#f56782
```
#f56782 rgb(245,103,130)
```
#f67991
```
#f67991 rgb(246,121,145)
```
#f78ba0
```
#f78ba0 rgb(247,139,160)
```
#f89eaf
```
#f89eaf rgb(248,158,175)
```
#fab0be
```
#fab0be rgb(250,176,190)
```
#fbc2cd
```
#fbc2cd rgb(251,194,205)
```
#fcd5dc
```
#fcd5dc rgb(252,213,220)
```
#fde7eb
```
#fde7eb rgb(253,231,235)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#9d9798
```
#9d9798 rgb(157,151,152)
```
#a49094
```
#a49094 rgb(164,144,148)
```
#ac888f
```
#ac888f rgb(172,136,143)
```
#b4808a
```
#b4808a rgb(180,128,138)
```
#bc7885
```
#bc7885 rgb(188,120,133)
```
#c37181
```
#c37181 rgb(195,113,129)
```
#cb697c
```
#cb697c rgb(203,105,124)
```
#d36177
```
#d36177 rgb(211,97,119)
```
#db5972
```
#db5972 rgb(219,89,114)
```
#e2526e
```
#e2526e rgb(226,82,110)
```
#ea4a69
```
#ea4a69 rgb(234,74,105)
```
#f24264
```
#f24264 rgb(242,66,100)
```
#fa3a5f
```
#fa3a5f rgb(250,58,95)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#937076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8b86 Protanopia 1% of men
#a68660 Deuteranopia 1% of men
#f15054 Tritanopia 0.001% of the population

Trichromacy

#b37079 Protanomaly 1% of men, 0.01% of women
#c16d61 Deuteranomaly 6% of men, 0.4% of women
#f14b5a Tritanomaly 0.01% of the population

#f24264 hex color

#f24264 Color Information

#f24264 Color Conversion

Color Schemes with #f24264

Alternatives to #f24264

#f24264 Preview

Shades and Tints of #f24264

Tones of #f24264

Color Blindness Simulator