#f297ff hex color

In a RGB color space, hex #f297ff is composed of 94.9% red, 59.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 40.8% magenta, 0% yellow and 0% black. It has a hue angle of 292.5 degrees, a saturation of 100% and a lightness of 79.6%. #f297ff color hex could be obtained by blending #ffffff with #e52fff. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 59
- B 100
RGB color chart
- C 5
- M 41
- Y 0
- K 0
CMYK color chart

● #f297ff color description : Very light magenta.

The hexadecimal color #f297ff has RGB values of R:242, G:151, B:255 and CMYK values of C:0.05, M:0.41, Y:0, K:0. Its decimal value is 15898623.

Hex triplet	f297ff	`#f297ff`
RGB Decimal	242, 151, 255	`rgb(242,151,255)`
RGB Percent	94.9, 59.2, 100	`rgb(94.9%,59.2%,100%)`
CMYK	5, 41, 0, 0
HSL	292.5°, 100, 79.6	`hsl(292.5,100%,79.6%)`
HSV (or HSB)	292.5°, 40.8, 100
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.971, 50.046, -37.85
XYZ	65.732, 48.233, 100.45
xyY	0.307, 0.225, 48.233
CIE-LCH	74.971, 62.747, 322.9
CIE-LUV	74.971, 42.156, -68.51
Hunter-Lab	69.45, 47.409, -37.14
Binary	11110010, 10010111, 11111111

#f297ff
```
#f297ff rgb(242,151,255)
```
#a4ff97
```
#a4ff97 rgb(164,255,151)
```

Complementary Color

#be97ff
```
#be97ff rgb(190,151,255)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#ff97d8
```
#ff97d8 rgb(255,151,216)
```

Analogous Color

#97ffbe
```
#97ffbe rgb(151,255,190)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#d8ff97
```
#d8ff97 rgb(216,255,151)
```

Split Complementary Color

#97fff2
```
#97fff2 rgb(151,255,242)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#fff297
```
#fff297 rgb(255,242,151)
```

Triadic Color

#97a4ff
```
#97a4ff rgb(151,164,255)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#fff297
```
#fff297 rgb(255,242,151)
```
#a4ff97
```
#a4ff97 rgb(164,255,151)
```

Tetradic Color

#e84bff
```
#e84bff rgb(232,75,255)
```
#ec64ff
```
#ec64ff rgb(236,100,255)
```
#ef7eff
```
#ef7eff rgb(239,126,255)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#f5b1ff
```
#f5b1ff rgb(245,177,255)
```
#f8caff
```
#f8caff rgb(248,202,255)
```
#fce4ff
```
#fce4ff rgb(252,228,255)
```

Monochromatic Color

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

#d897ff
```
#d897ff rgb(216,151,255)
```
#e197ff
```
#e197ff rgb(225,151,255)
```
#e997ff
```
#e997ff rgb(233,151,255)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#fb97ff
```
#fb97ff rgb(251,151,255)
```
#ff97fb
```
#ff97fb rgb(255,151,251)
```
#ff97f2
```
#ff97f2 rgb(255,151,242)
```

Similar Colors

Text with hexadecimal color #f297ff

This text has a font color of #f297ff.

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

#f297ff background color

This paragraph has a background color of #f297ff.

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

#f297ff border color

This element has a border color of #f297ff.

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

CSS codes

.text {color:#f297ff;}

.background {background-color:#f297ff;}

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

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

#0c000e
```
#0c000e rgb(12,0,14)
```
#1d0021
```
#1d0021 rgb(29,0,33)
```
#2e0035
```
#2e0035 rgb(46,0,53)
```
#3f0049
```
#3f0049 rgb(63,0,73)
```
#51005c
```
#51005c rgb(81,0,92)
```
#620070
```
#620070 rgb(98,0,112)
```
#730083
```
#730083 rgb(115,0,131)
```
#840097
```
#840097 rgb(132,0,151)
```
#9500ab
```
#9500ab rgb(149,0,171)
```
#a600be
```
#a600be rgb(166,0,190)
```
#b800d2
```
#b800d2 rgb(184,0,210)
```
#c900e5
```
#c900e5 rgb(201,0,229)
```
#da00f9
```
#da00f9 rgb(218,0,249)
```

Shade Color Variation

#e10eff
```
#e10eff rgb(225,14,255)
```
#e321ff
```
#e321ff rgb(227,33,255)
```
#e635ff
```
#e635ff rgb(230,53,255)
```
#e849ff
```
#e849ff rgb(232,73,255)
```
#eb5cff
```
#eb5cff rgb(235,92,255)
```
#ed70ff
```
#ed70ff rgb(237,112,255)
```
#f083ff
```
#f083ff rgb(240,131,255)
```
#f297ff
```
#f297ff rgb(242,151,255)
```
#f4abff
```
#f4abff rgb(244,171,255)
```
#f7beff
```
#f7beff rgb(247,190,255)
```
#f9d2ff
```
#f9d2ff rgb(249,210,255)
```
#fce5ff
```
#fce5ff rgb(252,229,255)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#cec7cf
```
#cec7cf rgb(206,199,207)
```
#d1c3d3
```
#d1c3d3 rgb(209,195,211)
```
#d4bfd7
```
#d4bfd7 rgb(212,191,215)
```
#d7bbdb
```
#d7bbdb rgb(215,187,219)
```
#dab7df
```
#dab7df rgb(218,183,223)
```
#ddb3e3
```
#ddb3e3 rgb(221,179,227)
```
#e0afe7
```
#e0afe7 rgb(224,175,231)
```
#e3abeb
```
#e3abeb rgb(227,171,235)
```
#e6a7ef
```
#e6a7ef rgb(230,167,239)
```
#e9a3f3
```
#e9a3f3 rgb(233,163,243)
```
#ec9ff7
```
#ec9ff7 rgb(236,159,247)
```
#ef9bfb
```
#ef9bfb rgb(239,155,251)
```
#f297ff
```
#f297ff rgb(242,151,255)
```

Tone Color Variation

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

#a4baff Protanopia 1% of men
#abb9f5 Deuteranopia 1% of men
#e7acb8 Tritanopia 0.001% of the population

Trichromacy

#c0adff Protanomaly 1% of men, 0.01% of women
#c5adf9 Deuteranomaly 6% of men, 0.4% of women
#eba4d2 Tritanomaly 0.01% of the population

#f297ff hex color

#f297ff Color Information

#f297ff Color Conversion

Color Schemes with #f297ff

Alternatives to #f297ff

#f297ff Preview

Shades and Tints of #f297ff

Tones of #f297ff

Color Blindness Simulator