#f245e4 hex color

In a RGB color space, hex #f245e4 is composed of 94.9% red, 27.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 5.8% yellow and 5.1% black. It has a hue angle of 304.9 degrees, a saturation of 86.9% and a lightness of 61%. #f245e4 color hex could be obtained by blending #ff8aff with #e500c9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 27
- B 89
RGB color chart
- C 0
- M 71
- Y 6
- K 5
CMYK color chart

● #f245e4 color description : Bright magenta.

The hexadecimal color #f245e4 has RGB values of R:242, G:69, B:228 and CMYK values of C:0, M:0.71, Y:0.06, K:0.05. Its decimal value is 15877604.

Hex triplet	f245e4	`#f245e4`
RGB Decimal	242, 69, 228	`rgb(242,69,228)`
RGB Percent	94.9, 27.1, 89.4	`rgb(94.9%,27.1%,89.4%)`
CMYK	0, 71, 6, 5
HSL	304.9°, 86.9, 61	`hsl(304.9,86.9%,61%)`
HSV (or HSB)	304.9°, 71.5, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.55, 80.935, -45.555
XYZ	52.749, 28.739, 76.163
xyY	0.335, 0.182, 28.739
CIE-LCH	60.55, 92.875, 330.626
CIE-LUV	60.55, 77.432, -82.832
Hunter-Lab	53.608, 81.824, -46.71
Binary	11110010, 01000101, 11100100

#f245e4
```
#f245e4 rgb(242,69,228)
```
#45f253
```
#45f253 rgb(69,242,83)
```

Complementary Color

#aa45f2
```
#aa45f2 rgb(170,69,242)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#f2458e
```
#f2458e rgb(242,69,142)
```

Analogous Color

#45f2aa
```
#45f2aa rgb(69,242,170)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#8ef245
```
#8ef245 rgb(142,242,69)
```

Split Complementary Color

#45e4f2
```
#45e4f2 rgb(69,228,242)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#e4f245
```
#e4f245 rgb(228,242,69)
```

Triadic Color

#5345f2
```
#5345f2 rgb(83,69,242)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#e4f245
```
#e4f245 rgb(228,242,69)
```
#45f253
```
#45f253 rgb(69,242,83)
```

Tetradic Color

#db0fcb
```
#db0fcb rgb(219,15,203)
```
#ef15dd
```
#ef15dd rgb(239,21,221)
```
#f02de1
```
#f02de1 rgb(240,45,225)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#f45de7
```
#f45de7 rgb(244,93,231)
```
#f575eb
```
#f575eb rgb(245,117,235)
```
#f78dee
```
#f78dee rgb(247,141,238)
```

Monochromatic Color

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

#d545f2
```
#d545f2 rgb(213,69,242)
```
#e345f2
```
#e345f2 rgb(227,69,242)
```
#f245f2
```
#f245f2 rgb(242,69,242)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#f245d6
```
#f245d6 rgb(242,69,214)
```
#f245c7
```
#f245c7 rgb(242,69,199)
```
#f245b9
```
#f245b9 rgb(242,69,185)
```

Similar Colors

Text with hexadecimal color #f245e4

This text has a font color of #f245e4.

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

#f245e4 background color

This paragraph has a background color of #f245e4.

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

#f245e4 border color

This element has a border color of #f245e4.

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

CSS codes

.text {color:#f245e4;}

.background {background-color:#f245e4;}

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

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, #10010e is the darkest color, while #fffcff is the lightest one.

#10010e
```
#10010e rgb(16,1,14)
```
#22021f
```
#22021f rgb(34,2,31)
```
#340430
```
#340430 rgb(52,4,48)
```
#470541
```
#470541 rgb(71,5,65)
```
#590652
```
#590652 rgb(89,6,82)
```
#6b0863
```
#6b0863 rgb(107,8,99)
```
#7e0974
```
#7e0974 rgb(126,9,116)
```
#900a85
```
#900a85 rgb(144,10,133)
```
#a20b96
```
#a20b96 rgb(162,11,150)
```
#b50da7
```
#b50da7 rgb(181,13,167)
```
#c70eb8
```
#c70eb8 rgb(199,14,184)
```
#d90fc9
```
#d90fc9 rgb(217,15,201)
```
#ec10da
```
#ec10da rgb(236,16,218)
```

Shade Color Variation

#ef20df
```
#ef20df rgb(239,32,223)
```
#f133e1
```
#f133e1 rgb(241,51,225)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#f357e7
```
#f357e7 rgb(243,87,231)
```
#f56ae9
```
#f56ae9 rgb(245,106,233)
```
#f67cec
```
#f67cec rgb(246,124,236)
```
#f78eef
```
#f78eef rgb(247,142,239)
```
#f8a1f1
```
#f8a1f1 rgb(248,161,241)
```
#fab3f4
```
#fab3f4 rgb(250,179,244)
```
#fbc5f7
```
#fbc5f7 rgb(251,197,247)
```
#fcd8f9
```
#fcd8f9 rgb(252,216,249)
```
#feeafc
```
#feeafc rgb(254,234,252)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#9e999d
```
#9e999d rgb(158,153,157)
```
#a592a4
```
#a592a4 rgb(165,146,164)
```
#ad8aaa
```
#ad8aaa rgb(173,138,170)
```
#b582b1
```
#b582b1 rgb(181,130,177)
```
#bc7bb7
```
#bc7bb7 rgb(188,123,183)
```
#c473be
```
#c473be rgb(196,115,190)
```
#cc6bc4
```
#cc6bc4 rgb(204,107,196)
```
#d364ca
```
#d364ca rgb(211,100,202)
```
#db5cd1
```
#db5cd1 rgb(219,92,209)
```
#e354d7
```
#e354d7 rgb(227,84,215)
```
#ea4dde
```
#ea4dde rgb(234,77,222)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```
#fa3dea
```
#fa3dea rgb(250,61,234)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a07d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f94ff Protanopia 1% of men
#7e96d3 Deuteranopia 1% of men
#e6747b Tritanopia 0.001% of the population

Trichromacy

#9477f5 Protanomaly 1% of men, 0.01% of women
#a878d9 Deuteranomaly 6% of men, 0.4% of women
#ea63a1 Tritanomaly 0.01% of the population

#f245e4 hex color

#f245e4 Color Information

#f245e4 Color Conversion

Color Schemes with #f245e4

Alternatives to #f245e4

#f245e4 Preview

Shades and Tints of #f245e4

Tones of #f245e4

Color Blindness Simulator