#f97bfe hex color

In a RGB color space, hex #f97bfe is composed of 97.6% red, 48.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 51.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 297.7 degrees, a saturation of 98.5% and a lightness of 73.9%. #f97bfe color hex could be obtained by blending #fff6ff with #f300fd. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 98
- G 48
- B 100
RGB color chart
- C 2
- M 52
- Y 0
- K 0
CMYK color chart

● #f97bfe color description : Soft magenta.

The hexadecimal color #f97bfe has RGB values of R:249, G:123, B:254 and CMYK values of C:0.02, M:0.52, Y:0, K:0. Its decimal value is 16350206.

Hex triplet	f97bfe	`#f97bfe`
RGB Decimal	249, 123, 254	`rgb(249,123,254)`
RGB Percent	97.6, 48.2, 99.6	`rgb(97.6%,48.2%,99.6%)`
CMYK	2, 52, 0, 0
HSL	297.7°, 98.5, 73.9	`hsl(297.7,98.5%,73.9%)`
HSV (or HSB)	297.7°, 51.6, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	70.5, 65.486, -44.22
XYZ	64.038, 41.464, 98.391
xyY	0.314, 0.203, 41.464
CIE-LCH	70.5, 79.017, 325.971
CIE-LUV	70.5, 57.945, -80.649
Hunter-Lab	64.393, 64.827, -45.519
Binary	11111001, 01111011, 11111110

#f97bfe
```
#f97bfe rgb(249,123,254)
```
#80fe7b
```
#80fe7b rgb(128,254,123)
```

Complementary Color

#b87bfe
```
#b87bfe rgb(184,123,254)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#fe7bc2
```
#fe7bc2 rgb(254,123,194)
```

Analogous Color

#7bfeb8
```
#7bfeb8 rgb(123,254,184)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#c2fe7b
```
#c2fe7b rgb(194,254,123)
```

Split Complementary Color

#7bfef9
```
#7bfef9 rgb(123,254,249)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#fef97b
```
#fef97b rgb(254,249,123)
```

Triadic Color

#7b80fe
```
#7b80fe rgb(123,128,254)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#fef97b
```
#fef97b rgb(254,249,123)
```
#80fe7b
```
#80fe7b rgb(128,254,123)
```

Tetradic Color

#f62ffd
```
#f62ffd rgb(246,47,253)
```
#f748fe
```
#f748fe rgb(247,72,254)
```
#f862fe
```
#f862fe rgb(248,98,254)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#fa94fe
```
#fa94fe rgb(250,148,254)
```
#fbaefe
```
#fbaefe rgb(251,174,254)
```
#fcc7ff
```
#fcc7ff rgb(252,199,255)
```

Monochromatic Color

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

#d87bfe
```
#d87bfe rgb(216,123,254)
```
#e37bfe
```
#e37bfe rgb(227,123,254)
```
#ee7bfe
```
#ee7bfe rgb(238,123,254)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#fe7bf8
```
#fe7bf8 rgb(254,123,248)
```
#fe7bed
```
#fe7bed rgb(254,123,237)
```
#fe7be2
```
#fe7be2 rgb(254,123,226)
```

Similar Colors

Text with hexadecimal color #f97bfe

This text has a font color of #f97bfe.

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

#f97bfe background color

This paragraph has a background color of #f97bfe.

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

#f97bfe border color

This element has a border color of #f97bfe.

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

CSS codes

.text {color:#f97bfe;}

.background {background-color:#f97bfe;}

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

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 #fef0ff is the lightest one.

#040004
```
#040004 rgb(4,0,4)
```
#170018
```
#170018 rgb(23,0,24)
```
#2a002b
```
#2a002b rgb(42,0,43)
```
#3c003f
```
#3c003f rgb(60,0,63)
```
#4f0152
```
#4f0152 rgb(79,1,82)
```
#620166
```
#620166 rgb(98,1,102)
```
#740179
```
#740179 rgb(116,1,121)
```
#87018d
```
#87018d rgb(135,1,141)
```
#9a01a0
```
#9a01a0 rgb(154,1,160)
```
#ad01b3
```
#ad01b3 rgb(173,1,179)
```
#bf02c7
```
#bf02c7 rgb(191,2,199)
```
#d202da
```
#d202da rgb(210,2,218)
```
#e502ee
```
#e502ee rgb(229,2,238)
```

Shade Color Variation

#f406fd
```
#f406fd rgb(244,6,253)
```
#f51afd
```
#f51afd rgb(245,26,253)
```
#f52dfd
```
#f52dfd rgb(245,45,253)
```
#f641fe
```
#f641fe rgb(246,65,254)
```
#f754fe
```
#f754fe rgb(247,84,254)
```
#f868fe
```
#f868fe rgb(248,104,254)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```
#fa8efe
```
#fa8efe rgb(250,142,254)
```
#fba2fe
```
#fba2fe rgb(251,162,254)
```
#fcb5fe
```
#fcb5fe rgb(252,181,254)
```
#fdc9ff
```
#fdc9ff rgb(253,201,255)
```
#fddcff
```
#fddcff rgb(253,220,255)
```
#fef0ff
```
#fef0ff rgb(254,240,255)
```

Tint Color Variation

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

#c0b8c1
```
#c0b8c1 rgb(192,184,193)
```
#c5b3c6
```
#c5b3c6 rgb(197,179,198)
```
#caaecb
```
#caaecb rgb(202,174,203)
```
#cea9d0
```
#cea9d0 rgb(206,169,208)
```
#d3a4d5
```
#d3a4d5 rgb(211,164,213)
```
#d89fda
```
#d89fda rgb(216,159,218)
```
#dd9adf
```
#dd9adf rgb(221,154,223)
```
#e195e4
```
#e195e4 rgb(225,149,228)
```
#e68fea
```
#e68fea rgb(230,143,234)
```
#eb8aef
```
#eb8aef rgb(235,138,239)
```
#f085f4
```
#f085f4 rgb(240,133,244)
```
#f480f9
```
#f480f9 rgb(244,128,249)
```
#f97bfe
```
#f97bfe rgb(249,123,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#bfa5c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91aeff Protanopia 1% of men
#98aff0 Deuteranopia 1% of men
#ec99a4 Tritanopia 0.001% of the population

Trichromacy

#b79bfe Protanomaly 1% of men, 0.01% of women
#bb9cf5 Deuteranomaly 6% of men, 0.4% of women
#f18ec4 Tritanomaly 0.01% of the population

#f97bfe hex color

#f97bfe Color Information

#f97bfe Color Conversion

Color Schemes with #f97bfe

Alternatives to #f97bfe

#f97bfe Preview

Shades and Tints of #f97bfe

Tones of #f97bfe

Color Blindness Simulator