colorhexa.com

#f248e9 hex color

In a RGB color space, hex #f248e9 is composed of 94.9% red, 28.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.2% magenta, 3.7% yellow and 5.1% black. It has a hue angle of 303.2 degrees, a saturation of 86.7% and a lightness of 61.6%. #f248e9 color hex could be obtained by blending #ff90ff with #e500d3. Closest websafe color is: #ff33ff.

- R 95
- G 28
- B 91
RGB color chart
- C 0
- M 70
- Y 4
- K 5
CMYK color chart

● #f248e9 color description : Bright magenta.

The hexadecimal color #f248e9 has RGB values of R:242, G:72, B:233 and CMYK values of C:0, M:0.7, Y:0.04, K:0.05. Its decimal value is 15878377.

Hex triplet	f248e9	`#f248e9`
RGB Decimal	242, 72, 233	`rgb(242,72,233)`
RGB Percent	94.9, 28.2, 91.4	`rgb(94.9%,28.2%,91.4%)`
CMYK	0, 70, 4, 5
HSL	303.2°, 86.7, 61.6	`hsl(303.2,86.7%,61.6%)`
HSV (or HSB)	303.2°, 70.2, 94.9
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.132, 80.734, -47.436
XYZ	53.642, 29.399, 79.936
xyY	0.329, 0.18, 29.399
CIE-LCH	61.132, 93.639, 329.563
CIE-LUV	61.132, 74.956, -85.887
Hunter-Lab	54.221, 81.71, -49.455
Binary	11110010, 01001000, 11101001

#f248e9
```
#f248e9 rgb(242,72,233)
```
#48f251
```
#48f251 rgb(72,242,81)
```

Complementary Color

#a648f2
```
#a648f2 rgb(166,72,242)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#f24894
```
#f24894 rgb(242,72,148)
```

Analogous Color

#48f2a6
```
#48f2a6 rgb(72,242,166)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#94f248
```
#94f248 rgb(148,242,72)
```

Split Complementary Color

#48e9f2
```
#48e9f2 rgb(72,233,242)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#e9f248
```
#e9f248 rgb(233,242,72)
```

Triadic Color

#5148f2
```
#5148f2 rgb(81,72,242)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#e9f248
```
#e9f248 rgb(233,242,72)
```
#48f251
```
#48f251 rgb(72,242,81)
```

Tetradic Color

#de10d3
```
#de10d3 rgb(222,16,211)
```
#ef18e3
```
#ef18e3 rgb(239,24,227)
```
#f030e6
```
#f030e6 rgb(240,48,230)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#f460ec
```
#f460ec rgb(244,96,236)
```
#f578ef
```
#f578ef rgb(245,120,239)
```
#f78ff2
```
#f78ff2 rgb(247,143,242)
```

Monochromatic Color

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

#d148f2
```
#d148f2 rgb(209,72,242)
```
#df48f2
```
#df48f2 rgb(223,72,242)
```
#ed48f2
```
#ed48f2 rgb(237,72,242)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#f248db
```
#f248db rgb(242,72,219)
```
#f248cd
```
#f248cd rgb(242,72,205)
```
#f248bf
```
#f248bf rgb(242,72,191)
```

Similar Colors

Text with hexadecimal color #f248e9

This text has a font color of #f248e9.

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

#f248e9 background color

This paragraph has a background color of #f248e9.

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

#f248e9 border color

This element has a border color of #f248e9.

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

CSS codes

.text {color:#f248e9;}

.background {background-color:#f248e9;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120112
```
#120112 rgb(18,1,18)
```
#250323
```
#250323 rgb(37,3,35)
```
#370434
```
#370434 rgb(55,4,52)
```
#490546
```
#490546 rgb(73,5,70)
```
#5c0757
```
#5c0757 rgb(92,7,87)
```
#6e0869
```
#6e0869 rgb(110,8,105)
```
#80097a
```
#80097a rgb(128,9,122)
```
#930a8b
```
#930a8b rgb(147,10,139)
```
#a50c9d
```
#a50c9d rgb(165,12,157)
```
#b70dae
```
#b70dae rgb(183,13,174)
```
#ca0ec0
```
#ca0ec0 rgb(202,14,192)
```
#dc10d1
```
#dc10d1 rgb(220,16,209)
```

Shade Color Variation

#ee11e2
```
#ee11e2 rgb(238,17,226)
```
#ef23e5
```
#ef23e5 rgb(239,35,229)
```
#f136e7
```
#f136e7 rgb(241,54,231)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#f35aeb
```
#f35aeb rgb(243,90,235)
```
#f56ded
```
#f56ded rgb(245,109,237)
```
#f67ff0
```
#f67ff0 rgb(246,127,240)
```
#f791f2
```
#f791f2 rgb(247,145,242)
```
#f9a4f4
```
#f9a4f4 rgb(249,164,244)
```
#fab6f6
```
#fab6f6 rgb(250,182,246)
```
#fbc8f8
```
#fbc8f8 rgb(251,200,248)
```
#fcdbfb
```
#fcdbfb rgb(252,219,251)
```
#feedfd
```
#feedfd rgb(254,237,253)
```

Tint Color Variation

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

#9f9b9f
```
#9f9b9f rgb(159,155,159)
```
#a793a6
```
#a793a6 rgb(167,147,166)
```
#ae8cac
```
#ae8cac rgb(174,140,172)
```
#b684b3
```
#b684b3 rgb(182,132,179)
```
#bd7dba
```
#bd7dba rgb(189,125,186)
```
#c575c1
```
#c575c1 rgb(197,117,193)
```
#cc6ec7
```
#cc6ec7 rgb(204,110,199)
```
#d466ce
```
#d466ce rgb(212,102,206)
```
#db5fd5
```
#db5fd5 rgb(219,95,213)
```
#e357dc
```
#e357dc rgb(227,87,220)
```
#ea50e2
```
#ea50e2 rgb(234,80,226)
```
#f248e9
```
#f248e9 rgb(242,72,233)
```
#fa40f0
```
#fa40f0 rgb(250,64,240)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a17f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6295ff Protanopia 1% of men
#7c98d8 Deuteranopia 1% of men
#e5777e Tritanopia 0.001% of the population

Trichromacy

#9679f7 Protanomaly 1% of men, 0.01% of women
#a77bde Deuteranomaly 6% of men, 0.4% of women
#ea66a5 Tritanomaly 0.01% of the population