#f299f4 hex color

In a RGB color space, hex #f299f4 is composed of 94.9% red, 60% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 37.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.7 degrees, a saturation of 80.5% and a lightness of 77.8%. #f299f4 color hex could be obtained by blending #ffffff with #e533e9. Closest websafe color is: #ff99ff.

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

● #f299f4 color description : Very soft magenta.

The hexadecimal color #f299f4 has RGB values of R:242, G:153, B:244 and CMYK values of C:0.01, M:0.37, Y:0, K:0.04. Its decimal value is 15899124.

Hex triplet	f299f4	`#f299f4`
RGB Decimal	242, 153, 244	`rgb(242,153,244)`
RGB Percent	94.9, 60, 95.7	`rgb(94.9%,60%,95.7%)`
CMYK	1, 37, 0, 4
HSL	298.7°, 80.5, 77.8	`hsl(298.7,80.5%,77.8%)`
HSV (or HSB)	298.7°, 37.3, 95.7
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.947, 46.999, -31.927
XYZ	64.337, 48.194, 91.496
xyY	0.315, 0.236, 48.194
CIE-LCH	74.947, 56.818, 325.812
CIE-LUV	74.947, 43.399, -58.275
Hunter-Lab	69.422, 43.937, -29.548
Binary	11110010, 10011001, 11110100

#f299f4
```
#f299f4 rgb(242,153,244)
```
#9bf499
```
#9bf499 rgb(155,244,153)
```

Complementary Color

#c599f4
```
#c599f4 rgb(197,153,244)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f499c9
```
#f499c9 rgb(244,153,201)
```

Analogous Color

#99f4c5
```
#99f4c5 rgb(153,244,197)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#c9f499
```
#c9f499 rgb(201,244,153)
```

Split Complementary Color

#99f4f2
```
#99f4f2 rgb(153,244,242)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f4f299
```
#f4f299 rgb(244,242,153)
```

Triadic Color

#999bf4
```
#999bf4 rgb(153,155,244)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f4f299
```
#f4f299 rgb(244,242,153)
```
#9bf499
```
#9bf499 rgb(155,244,153)
```

Tetradic Color

#e954ed
```
#e954ed rgb(233,84,237)
```
#ec6bef
```
#ec6bef rgb(236,107,239)
```
#ef82f2
```
#ef82f2 rgb(239,130,242)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f5b0f6
```
#f5b0f6 rgb(245,176,246)
```
#f8c7f9
```
#f8c7f9 rgb(248,199,249)
```
#fbdefb
```
#fbdefb rgb(251,222,251)
```

Monochromatic Color

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

#db99f4
```
#db99f4 rgb(219,153,244)
```
#e399f4
```
#e399f4 rgb(227,153,244)
```
#ea99f4
```
#ea99f4 rgb(234,153,244)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f499ee
```
#f499ee rgb(244,153,238)
```
#f499e7
```
#f499e7 rgb(244,153,231)
```
#f499df
```
#f499df rgb(244,153,223)
```

Similar Colors

Text with hexadecimal color #f299f4

This text has a font color of #f299f4.

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

#f299f4 background color

This paragraph has a background color of #f299f4.

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

#f299f4 border color

This element has a border color of #f299f4.

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

CSS codes

.text {color:#f299f4;}

.background {background-color:#f299f4;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#160216
```
#160216 rgb(22,2,22)
```
#270428
```
#270428 rgb(39,4,40)
```
#380639
```
#380639 rgb(56,6,57)
```
#4a084b
```
#4a084b rgb(74,8,75)
```
#5b0a5d
```
#5b0a5d rgb(91,10,93)
```
#6c0c6e
```
#6c0c6e rgb(108,12,110)
```
#7e0e80
```
#7e0e80 rgb(126,14,128)
```
#8f1092
```
#8f1092 rgb(143,16,146)
```
#a012a4
```
#a012a4 rgb(160,18,164)
```
#b214b5
```
#b214b5 rgb(178,20,181)
```
#c315c7
```
#c315c7 rgb(195,21,199)
```
#d417d9
```
#d417d9 rgb(212,23,217)
```

Shade Color Variation

#e21de7
```
#e21de7 rgb(226,29,231)
```
#e42fe9
```
#e42fe9 rgb(228,47,233)
```
#e740ea
```
#e740ea rgb(231,64,234)
```
#e952ec
```
#e952ec rgb(233,82,236)
```
#eb64ee
```
#eb64ee rgb(235,100,238)
```
#ed76f0
```
#ed76f0 rgb(237,118,240)
```
#f087f2
```
#f087f2 rgb(240,135,242)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f4abf6
```
#f4abf6 rgb(244,171,246)
```
#f7bcf8
```
#f7bcf8 rgb(247,188,248)
```
#f9cefa
```
#f9cefa rgb(249,206,250)
```
#fbe0fc
```
#fbe0fc rgb(251,224,252)
```
#fdf2fe
```
#fdf2fe rgb(253,242,254)
```

Tint Color Variation

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

#c8c4c9
```
#c8c4c9 rgb(200,196,201)
```
#cdc0cd
```
#cdc0cd rgb(205,192,205)
```
#d1bcd1
```
#d1bcd1 rgb(209,188,209)
```
#d5b7d6
```
#d5b7d6 rgb(213,183,214)
```
#d9b3da
```
#d9b3da rgb(217,179,218)
```
#ddafde
```
#ddafde rgb(221,175,222)
```
#e1aae3
```
#e1aae3 rgb(225,170,227)
```
#e6a6e7
```
#e6a6e7 rgb(230,166,231)
```
#eaa2eb
```
#eaa2eb rgb(234,162,235)
```
#ee9df0
```
#ee9df0 rgb(238,157,240)
```
#f299f4
```
#f299f4 rgb(242,153,244)
```
#f695f8
```
#f695f8 rgb(246,149,248)
```
#fa90fd
```
#fa90fd rgb(250,144,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c8b7c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b9ff Protanopia 1% of men
#b2b9ec Deuteranopia 1% of men
#e9abb7 Tritanopia 0.001% of the population

Trichromacy

#c1adfb Protanomaly 1% of men, 0.01% of women
#c9adef Deuteranomaly 6% of men, 0.4% of women
#eca4cd Tritanomaly 0.01% of the population

#f299f4 hex color

#f299f4 Color Information

#f299f4 Color Conversion

Color Schemes with #f299f4

Alternatives to #f299f4

#f299f4 Preview

Shades and Tints of #f299f4

Tones of #f299f4

Color Blindness Simulator