#f298f2 hex color

In a RGB color space, hex #f298f2 is composed of 94.9% red, 59.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 300 degrees, a saturation of 77.6% and a lightness of 77.3%. #f298f2 color hex could be obtained by blending #ffffff with #e531e5. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 60
- B 95
RGB color chart
- C 0
- M 37
- Y 0
- K 5
CMYK color chart

● #f298f2 color description : Very soft magenta.

The hexadecimal color #f298f2 has RGB values of R:242, G:152, B:242 and CMYK values of C:0, M:0.37, Y:0, K:0.05. Its decimal value is 15898866.

Hex triplet	f298f2	`#f298f2`
RGB Decimal	242, 152, 242	`rgb(242,152,242)`
RGB Percent	94.9, 59.6, 94.9	`rgb(94.9%,59.6%,94.9%)`
CMYK	0, 37, 0, 5
HSL	300°, 77.6, 77.3	`hsl(300,77.6%,77.3%)`
HSV (or HSB)	300°, 37.2, 94.9
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.665, 47.154, -31.275
XYZ	63.871, 47.747, 89.851
xyY	0.317, 0.237, 47.747
CIE-LCH	74.665, 56.583, 326.446
CIE-LUV	74.665, 44.229, -57.202
Hunter-Lab	69.099, 44.072, -28.727
Binary	11110010, 10011000, 11110010

#f298f2
```
#f298f2 rgb(242,152,242)
```
#98f298
```
#98f298 rgb(152,242,152)
```

Complementary Color

#c598f2
```
#c598f2 rgb(197,152,242)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f298c5
```
#f298c5 rgb(242,152,197)
```

Analogous Color

#98f2c5
```
#98f2c5 rgb(152,242,197)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#c5f298
```
#c5f298 rgb(197,242,152)
```

Split Complementary Color

#98f2f2
```
#98f2f2 rgb(152,242,242)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```

Triadic Color

#9898f2
```
#9898f2 rgb(152,152,242)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f2f298
```
#f2f298 rgb(242,242,152)
```
#98f298
```
#98f298 rgb(152,242,152)
```

Tetradic Color

#e954e9
```
#e954e9 rgb(233,84,233)
```
#ec6bec
```
#ec6bec rgb(236,107,236)
```
#ef81ef
```
#ef81ef rgb(239,129,239)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f5aff5
```
#f5aff5 rgb(245,175,245)
```
#f8c5f8
```
#f8c5f8 rgb(248,197,248)
```
#fbdcfb
```
#fbdcfb rgb(251,220,251)
```

Monochromatic Color

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

#dc98f2
```
#dc98f2 rgb(220,152,242)
```
#e398f2
```
#e398f2 rgb(227,152,242)
```
#eb98f2
```
#eb98f2 rgb(235,152,242)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f298eb
```
#f298eb rgb(242,152,235)
```
#f298e3
```
#f298e3 rgb(242,152,227)
```
#f298dc
```
#f298dc rgb(242,152,220)
```

Similar Colors

Text with hexadecimal color #f298f2

This text has a font color of #f298f2.

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

#f298f2 background color

This paragraph has a background color of #f298f2.

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

#f298f2 border color

This element has a border color of #f298f2.

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

CSS codes

.text {color:#f298f2;}

.background {background-color:#f298f2;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130213
```
#130213 rgb(19,2,19)
```
#240524
```
#240524 rgb(36,5,36)
```
#360736
```
#360736 rgb(54,7,54)
```
#470947
```
#470947 rgb(71,9,71)
```
#590b59
```
#590b59 rgb(89,11,89)
```
#6a0d6a
```
#6a0d6a rgb(106,13,106)
```
#7b107b
```
#7b107b rgb(123,16,123)
```
#8d128d
```
#8d128d rgb(141,18,141)
```
#9e149e
```
#9e149e rgb(158,20,158)
```
#b016b0
```
#b016b0 rgb(176,22,176)
```
#c118c1
```
#c118c1 rgb(193,24,193)
```
#d31bd3
```
#d31bd3 rgb(211,27,211)
```

Shade Color Variation

#e31ee3
```
#e31ee3 rgb(227,30,227)
```
#e52fe5
```
#e52fe5 rgb(229,47,229)
```
#e741e7
```
#e741e7 rgb(231,65,231)
```
#e952e9
```
#e952e9 rgb(233,82,233)
```
#eb64eb
```
#eb64eb rgb(235,100,235)
```
#ee75ee
```
#ee75ee rgb(238,117,238)
```
#f087f0
```
#f087f0 rgb(240,135,240)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f4a9f4
```
#f4a9f4 rgb(244,169,244)
```
#f6bbf6
```
#f6bbf6 rgb(246,187,246)
```
#f9ccf9
```
#f9ccf9 rgb(249,204,249)
```
#fbdefb
```
#fbdefb rgb(251,222,251)
```
#fdeffd
```
#fdeffd rgb(253,239,253)
```

Tint Color Variation

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

#c5c5c5
```
#c5c5c5 rgb(197,197,197)
```
#cac0ca
```
#cac0ca rgb(202,192,202)
```
#cebcce
```
#cebcce rgb(206,188,206)
```
#d3b7d3
```
#d3b7d3 rgb(211,183,211)
```
#d7b3d7
```
#d7b3d7 rgb(215,179,215)
```
#dcaedc
```
#dcaedc rgb(220,174,220)
```
#e0aae0
```
#e0aae0 rgb(224,170,224)
```
#e5a5e5
```
#e5a5e5 rgb(229,165,229)
```
#e9a1e9
```
#e9a1e9 rgb(233,161,233)
```
#ee9cee
```
#ee9cee rgb(238,156,238)
```
#f298f2
```
#f298f2 rgb(242,152,242)
```
#f694f6
```
#f694f6 rgb(246,148,246)
```
#fb8ffb
```
#fb8ffb rgb(251,143,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8b6c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b9ff Protanopia 1% of men
#b2b8ea Deuteranopia 1% of men
#e9aab6 Tritanopia 0.001% of the population

Trichromacy

#c0adfa Protanomaly 1% of men, 0.01% of women
#c9aced Deuteranomaly 6% of men, 0.4% of women
#eca3cc Tritanomaly 0.01% of the population

#f298f2 hex color

#f298f2 Color Information

#f298f2 Color Conversion

Color Schemes with #f298f2

Alternatives to #f298f2

#f298f2 Preview

Shades and Tints of #f298f2

Tones of #f298f2

Color Blindness Simulator