#f2024e hex color

In a RGB color space, hex #f2024e is composed of 94.9% red, 0.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 67.8% yellow and 5.1% black. It has a hue angle of 341 degrees, a saturation of 98.4% and a lightness of 47.8%. #f2024e color hex could be obtained by blending #ff049c with #e50000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 1
- B 31
RGB color chart
- C 0
- M 99
- Y 68
- K 5
CMYK color chart

● #f2024e color description : Vivid pink.

The hexadecimal color #f2024e has RGB values of R:242, G:2, B:78 and CMYK values of C:0, M:0.99, Y:0.68, K:0.05. Its decimal value is 15860302.

Hex triplet	f2024e	`#f2024e`
RGB Decimal	242, 2, 78	`rgb(242,2,78)`
RGB Percent	94.9, 0.8, 30.6	`rgb(94.9%,0.8%,30.6%)`
CMYK	0, 99, 68, 5
HSL	341°, 98.4, 47.8	`hsl(341,98.4%,47.8%)`
HSV (or HSB)	341°, 99.2, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.239, 78.573, 28.922
XYZ	38.017, 19.476, 8.965
xyY	0.572, 0.293, 19.476
CIE-LCH	51.239, 83.727, 20.208
CIE-LUV	51.239, 151.915, 15.043
Hunter-Lab	44.131, 76.539, 18.848
Binary	11110010, 00000010, 01001110

#f2024e
```
#f2024e rgb(242,2,78)
```
#02f2a6
```
#02f2a6 rgb(2,242,166)
```

Complementary Color

#f202c6
```
#f202c6 rgb(242,2,198)
```
#f2024e
```
#f2024e rgb(242,2,78)
```
#f22e02
```
#f22e02 rgb(242,46,2)
```

Analogous Color

#02c6f2
```
#02c6f2 rgb(2,198,242)
```
#f2024e
```
#f2024e rgb(242,2,78)
```
#02f22e
```
#02f22e rgb(2,242,46)
```

Split Complementary Color

#024ef2
```
#024ef2 rgb(2,78,242)
```
#f2024e
```
#f2024e rgb(242,2,78)
```
#4ef202
```
#4ef202 rgb(78,242,2)
```

Triadic Color

#a602f2
```
#a602f2 rgb(166,2,242)
```
#f2024e
```
#f2024e rgb(242,2,78)
```
#4ef202
```
#4ef202 rgb(78,242,2)
```
#02f2a6
```
#02f2a6 rgb(2,242,166)
```

Tetradic Color

#a60136
```
#a60136 rgb(166,1,54)
```
#bf023e
```
#bf023e rgb(191,2,62)
```
#d90246
```
#d90246 rgb(217,2,70)
```
#f2024e
```
#f2024e rgb(242,2,78)
```
#fd105b
```
#fd105b rgb(253,16,91)
```
#fd2a6d
```
#fd2a6d rgb(253,42,109)
```
#fd437e
```
#fd437e rgb(253,67,126)
```

Monochromatic Color

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

#f2028a
```
#f2028a rgb(242,2,138)
```
#f20276
```
#f20276 rgb(242,2,118)
```
#f20262
```
#f20262 rgb(242,2,98)
```
#f2024e
```
#f2024e rgb(242,2,78)
```
#f2023a
```
#f2023a rgb(242,2,58)
```
#f20226
```
#f20226 rgb(242,2,38)
```
#f20212
```
#f20212 rgb(242,2,18)
```

Similar Colors

Text with hexadecimal color #f2024e

This text has a font color of #f2024e.

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

#f2024e background color

This paragraph has a background color of #f2024e.

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

#f2024e border color

This element has a border color of #f2024e.

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

CSS codes

.text {color:#f2024e;}

.background {background-color:#f2024e;}

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

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

#090003
```
#090003 rgb(9,0,3)
```
#1c0009
```
#1c0009 rgb(28,0,9)
```
#2f000f
```
#2f000f rgb(47,0,15)
```
#430116
```
#430116 rgb(67,1,22)
```
#56011c
```
#56011c rgb(86,1,28)
```
#6a0122
```
#6a0122 rgb(106,1,34)
```
#7d0128
```
#7d0128 rgb(125,1,40)
```
#91012f
```
#91012f rgb(145,1,47)
```
#a40135
```
#a40135 rgb(164,1,53)
```
#b8023b
```
#b8023b rgb(184,2,59)
```
#cb0241
```
#cb0241 rgb(203,2,65)
```
#df0248
```
#df0248 rgb(223,2,72)
```
#f2024e
```
#f2024e rgb(242,2,78)
```

Shade Color Variation

#fd0b57
```
#fd0b57 rgb(253,11,87)
```
#fd1e65
```
#fd1e65 rgb(253,30,101)
```
#fd3272
```
#fd3272 rgb(253,50,114)
```
#fd457f
```
#fd457f rgb(253,69,127)
```
#fe588d
```
#fe588d rgb(254,88,141)
```
#fe6c9a
```
#fe6c9a rgb(254,108,154)
```
#fe7fa7
```
#fe7fa7 rgb(254,127,167)
```
#fe93b5
```
#fe93b5 rgb(254,147,181)
```
#fea6c2
```
#fea6c2 rgb(254,166,194)
```
#febacf
```
#febacf rgb(254,186,207)
```
#ffcddd
```
#ffcddd rgb(255,205,221)
```
#ffe1ea
```
#ffe1ea rgb(255,225,234)
```
#fff4f8
```
#fff4f8 rgb(255,244,248)
```

Tint Color Variation

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

#817377
```
#817377 rgb(129,115,119)
```
#8b6974
```
#8b6974 rgb(139,105,116)
```
#946070
```
#946070 rgb(148,96,112)
```
#9e566d
```
#9e566d rgb(158,86,109)
```
#a74d6a
```
#a74d6a rgb(167,77,106)
```
#b04466
```
#b04466 rgb(176,68,102)
```
#ba3a63
```
#ba3a63 rgb(186,58,99)
```
#c3315f
```
#c3315f rgb(195,49,95)
```
#cc285c
```
#cc285c rgb(204,40,92)
```
#d61e58
```
#d61e58 rgb(214,30,88)
```
#df1555
```
#df1555 rgb(223,21,85)
```
#e90b51
```
#e90b51 rgb(233,11,81)
```
#f2024e
```
#f2024e rgb(242,2,78)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#724251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858077 Protanopia 1% of men
#9c7b49 Deuteranopia 1% of men
#f12622 Tritanopia 0.001% of the population

Trichromacy

#ac5268 Protanomaly 1% of men, 0.01% of women
#bb4f4a Deuteranomaly 6% of men, 0.4% of women
#f11932 Tritanomaly 0.01% of the population

#f2024e hex color

#f2024e Color Information

#f2024e Color Conversion

Color Schemes with #f2024e

Alternatives to #f2024e

#f2024e Preview

Shades and Tints of #f2024e

Tones of #f2024e

Color Blindness Simulator