#f245f0 hex color

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

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

● #f245f0 color description : Bright magenta.

The hexadecimal color #f245f0 has RGB values of R:242, G:69, B:240 and CMYK values of C:0, M:0.71, Y:0.01, K:0.05. Its decimal value is 15877616.

Hex triplet	f245f0	`#f245f0`
RGB Decimal	242, 69, 240	`rgb(242,69,240)`
RGB Percent	94.9, 27.1, 94.1	`rgb(94.9%,27.1%,94.1%)`
CMYK	0, 71, 1, 5
HSL	300.7°, 86.9, 61	`hsl(300.7,86.9%,61%)`
HSV (or HSB)	300.7°, 71.5, 94.9
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.158, 82.745, -51.301
XYZ	54.473, 29.428, 85.244
xyY	0.322, 0.174, 29.428
CIE-LCH	61.158, 97.358, 328.202
CIE-LUV	61.158, 73.187, -92.197
Hunter-Lab	54.248, 84.308, -55.194
Binary	11110010, 01000101, 11110000

#f245f0
```
#f245f0 rgb(242,69,240)
```
#45f247
```
#45f247 rgb(69,242,71)
```

Complementary Color

#9e45f2
```
#9e45f2 rgb(158,69,242)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f2459a
```
#f2459a rgb(242,69,154)
```

Analogous Color

#45f29e
```
#45f29e rgb(69,242,158)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#9af245
```
#9af245 rgb(154,242,69)
```

Split Complementary Color

#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f0f245
```
#f0f245 rgb(240,242,69)
```

Triadic Color

#4745f2
```
#4745f2 rgb(71,69,242)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f0f245
```
#f0f245 rgb(240,242,69)
```
#45f247
```
#45f247 rgb(69,242,71)
```

Tetradic Color

#db0fd9
```
#db0fd9 rgb(219,15,217)
```
#ef15ec
```
#ef15ec rgb(239,21,236)
```
#f02dee
```
#f02dee rgb(240,45,238)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f45df2
```
#f45df2 rgb(244,93,242)
```
#f575f4
```
#f575f4 rgb(245,117,244)
```
#f78df6
```
#f78df6 rgb(247,141,246)
```

Monochromatic Color

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

#c945f2
```
#c945f2 rgb(201,69,242)
```
#d745f2
```
#d745f2 rgb(215,69,242)
```
#e645f2
```
#e645f2 rgb(230,69,242)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f245e2
```
#f245e2 rgb(242,69,226)
```
#f245d3
```
#f245d3 rgb(242,69,211)
```
#f245c5
```
#f245c5 rgb(242,69,197)
```

Similar Colors

Text with hexadecimal color #f245f0

This text has a font color of #f245f0.

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

#f245f0 background color

This paragraph has a background color of #f245f0.

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

#f245f0 border color

This element has a border color of #f245f0.

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

CSS codes

.text {color:#f245f0;}

.background {background-color:#f245f0;}

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

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

#100110
```
#100110 rgb(16,1,16)
```
#220222
```
#220222 rgb(34,2,34)
```
#340434
```
#340434 rgb(52,4,52)
```
#470546
```
#470546 rgb(71,5,70)
```
#590658
```
#590658 rgb(89,6,88)
```
#6b086a
```
#6b086a rgb(107,8,106)
```
#7e097c
```
#7e097c rgb(126,9,124)
```
#900a8e
```
#900a8e rgb(144,10,142)
```
#a20ba1
```
#a20ba1 rgb(162,11,161)
```
#b50db3
```
#b50db3 rgb(181,13,179)
```
#c70ec5
```
#c70ec5 rgb(199,14,197)
```
#d90fd7
```
#d90fd7 rgb(217,15,215)
```
#ec10e9
```
#ec10e9 rgb(236,16,233)
```

Shade Color Variation

#ef20ed
```
#ef20ed rgb(239,32,237)
```
#f133ef
```
#f133ef rgb(241,51,239)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f357f1
```
#f357f1 rgb(243,87,241)
```
#f56af3
```
#f56af3 rgb(245,106,243)
```
#f67cf4
```
#f67cf4 rgb(246,124,244)
```
#f78ef6
```
#f78ef6 rgb(247,142,246)
```
#f8a1f7
```
#f8a1f7 rgb(248,161,247)
```
#fab3f9
```
#fab3f9 rgb(250,179,249)
```
#fbc5fa
```
#fbc5fa rgb(251,197,250)
```
#fcd8fc
```
#fcd8fc rgb(252,216,252)
```
#feeafd
```
#feeafd rgb(254,234,253)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#9e999e
```
#9e999e rgb(158,153,158)
```
#a592a5
```
#a592a5 rgb(165,146,165)
```
#ad8aad
```
#ad8aad rgb(173,138,173)
```
#b582b4
```
#b582b4 rgb(181,130,180)
```
#bc7bbc
```
#bc7bbc rgb(188,123,188)
```
#c473c3
```
#c473c3 rgb(196,115,195)
```
#cc6bcb
```
#cc6bcb rgb(204,107,203)
```
#d364d2
```
#d364d2 rgb(211,100,210)
```
#db5cda
```
#db5cda rgb(219,92,218)
```
#e354e1
```
#e354e1 rgb(227,84,225)
```
#ea4de9
```
#ea4de9 rgb(234,77,233)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#fa3df7
```
#fa3df7 rgb(250,61,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a07ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6296ff Protanopia 1% of men
#7698de Deuteranopia 1% of men
#e4787f Tritanopia 0.001% of the population

Trichromacy

#9678f9 Protanomaly 1% of men, 0.01% of women
#a37ae4 Deuteranomaly 6% of men, 0.4% of women
#e965a8 Tritanomaly 0.01% of the population

#f245f0 hex color

#f245f0 Color Information

#f245f0 Color Conversion

Color Schemes with #f245f0

Alternatives to #f245f0

#f245f0 Preview

Shades and Tints of #f245f0

Tones of #f245f0

Color Blindness Simulator