#f297fd hex color

In a RGB color space, hex #f297fd is composed of 94.9% red, 59.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 40.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 293.5 degrees, a saturation of 96.2% and a lightness of 79.2%. #f297fd color hex could be obtained by blending #ffffff with #e52ffb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 59
- B 99
RGB color chart
- C 4
- M 40
- Y 0
- K 1
CMYK color chart

● #f297fd color description : Very soft magenta.

The hexadecimal color #f297fd has RGB values of R:242, G:151, B:253 and CMYK values of C:0.04, M:0.4, Y:0, K:0.01. Its decimal value is 15898621.

Hex triplet	f297fd	`#f297fd`
RGB Decimal	242, 151, 253	`rgb(242,151,253)`
RGB Percent	94.9, 59.2, 99.2	`rgb(94.9%,59.2%,99.2%)`
CMYK	4, 40, 0, 1
HSL	293.5°, 96.2, 79.2	`hsl(293.5,96.2%,79.2%)`
HSV (or HSB)	293.5°, 40.3, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.891, 49.674, -36.893
XYZ	65.412, 48.105, 98.763
xyY	0.308, 0.227, 48.105
CIE-LCH	74.891, 61.876, 323.399
CIE-LUV	74.891, 42.542, -66.86
Hunter-Lab	69.357, 46.971, -35.877
Binary	11110010, 10010111, 11111101

#f297fd
```
#f297fd rgb(242,151,253)
```
#a2fd97
```
#a2fd97 rgb(162,253,151)
```

Complementary Color

#bf97fd
```
#bf97fd rgb(191,151,253)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#fd97d5
```
#fd97d5 rgb(253,151,213)
```

Analogous Color

#97fdbf
```
#97fdbf rgb(151,253,191)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#d5fd97
```
#d5fd97 rgb(213,253,151)
```

Split Complementary Color

#97fdf2
```
#97fdf2 rgb(151,253,242)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#fdf297
```
#fdf297 rgb(253,242,151)
```

Triadic Color

#97a2fd
```
#97a2fd rgb(151,162,253)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#fdf297
```
#fdf297 rgb(253,242,151)
```
#a2fd97
```
#a2fd97 rgb(162,253,151)
```

Tetradic Color

#e94cfc
```
#e94cfc rgb(233,76,252)
```
#ec65fc
```
#ec65fc rgb(236,101,252)
```
#ef7efd
```
#ef7efd rgb(239,126,253)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#f5b0fd
```
#f5b0fd rgb(245,176,253)
```
#f8c9fe
```
#f8c9fe rgb(248,201,254)
```
#fbe2fe
```
#fbe2fe rgb(251,226,254)
```

Monochromatic Color

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

#d997fd
```
#d997fd rgb(217,151,253)
```
#e197fd
```
#e197fd rgb(225,151,253)
```
#ea97fd
```
#ea97fd rgb(234,151,253)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#fb97fd
```
#fb97fd rgb(251,151,253)
```
#fd97f7
```
#fd97f7 rgb(253,151,247)
```
#fd97ef
```
#fd97ef rgb(253,151,239)
```

Similar Colors

Text with hexadecimal color #f297fd

This text has a font color of #f297fd.

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

#f297fd background color

This paragraph has a background color of #f297fd.

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

#f297fd border color

This element has a border color of #f297fd.

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

CSS codes

.text {color:#f297fd;}

.background {background-color:#f297fd;}

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

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, #0a000b is the darkest color, while #fef7ff is the lightest one.

#0a000b
```
#0a000b rgb(10,0,11)
```
#1b011f
```
#1b011f rgb(27,1,31)
```
#2d0132
```
#2d0132 rgb(45,1,50)
```
#3e0145
```
#3e0145 rgb(62,1,69)
```
#4f0258
```
#4f0258 rgb(79,2,88)
```
#60026c
```
#60026c rgb(96,2,108)
```
#72027f
```
#72027f rgb(114,2,127)
```
#830392
```
#830392 rgb(131,3,146)
```
#9403a5
```
#9403a5 rgb(148,3,165)
```
#a504b9
```
#a504b9 rgb(165,4,185)
```
#b604cc
```
#b604cc rgb(182,4,204)
```
#c804df
```
#c804df rgb(200,4,223)
```
#d905f2
```
#d905f2 rgb(217,5,242)
```

Shade Color Variation

#e110fa
```
#e110fa rgb(225,16,250)
```
#e424fb
```
#e424fb rgb(228,36,251)
```
#e637fb
```
#e637fb rgb(230,55,251)
```
#e84afc
```
#e84afc rgb(232,74,252)
```
#eb5dfc
```
#eb5dfc rgb(235,93,252)
```
#ed71fc
```
#ed71fc rgb(237,113,252)
```
#f084fd
```
#f084fd rgb(240,132,253)
```
#f297fd
```
#f297fd rgb(242,151,253)
```
#f4aafd
```
#f4aafd rgb(244,170,253)
```
#f7bdfe
```
#f7bdfe rgb(247,189,254)
```
#f9d1fe
```
#f9d1fe rgb(249,209,254)
```
#fce4fe
```
#fce4fe rgb(252,228,254)
```
#fef7ff
```
#fef7ff rgb(254,247,255)
```

Tint Color Variation

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

#ccc8cc
```
#ccc8cc rgb(204,200,204)
```
#cfc4d0
```
#cfc4d0 rgb(207,196,208)
```
#d2c0d4
```
#d2c0d4 rgb(210,192,212)
```
#d5bcd8
```
#d5bcd8 rgb(213,188,216)
```
#d8b8dc
```
#d8b8dc rgb(216,184,220)
```
#dcb4e0
```
#dcb4e0 rgb(220,180,224)
```
#dfafe5
```
#dfafe5 rgb(223,175,229)
```
#e2abe9
```
#e2abe9 rgb(226,171,233)
```
#e5a7ed
```
#e5a7ed rgb(229,167,237)
```
#e8a3f1
```
#e8a3f1 rgb(232,163,241)
```
#ec9ff5
```
#ec9ff5 rgb(236,159,245)
```
#ef9bf9
```
#ef9bf9 rgb(239,155,249)
```
#f297fd
```
#f297fd rgb(242,151,253)
```

Tone Color Variation

Below, you can see how #f297fd 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
#c8b6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b9ff Protanopia 1% of men
#acb9f4 Deuteranopia 1% of men
#e7acb8 Tritanopia 0.001% of the population

Trichromacy

#c0adfe Protanomaly 1% of men, 0.01% of women
#c5acf7 Deuteranomaly 6% of men, 0.4% of women
#eba4d1 Tritanomaly 0.01% of the population

#f297fd hex color

#f297fd Color Information

#f297fd Color Conversion

Color Schemes with #f297fd

Alternatives to #f297fd

#f297fd Preview

Shades and Tints of #f297fd

Tones of #f297fd

Color Blindness Simulator