#f97dfb hex color

In a RGB color space, hex #f97dfb is composed of 97.6% red, 49% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 50.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 299 degrees, a saturation of 94% and a lightness of 73.7%. #f97dfb color hex could be obtained by blending #fffaff with #f300f7. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 98
- G 49
- B 98
RGB color chart
- C 1
- M 50
- Y 0
- K 2
CMYK color chart

● #f97dfb color description : Soft magenta.

The hexadecimal color #f97dfb has RGB values of R:249, G:125, B:251 and CMYK values of C:0.01, M:0.5, Y:0, K:0.02. Its decimal value is 16350715.

Hex triplet	f97dfb	`#f97dfb`
RGB Decimal	249, 125, 251	`rgb(249,125,251)`
RGB Percent	97.6, 49, 98.4	`rgb(97.6%,49%,98.4%)`
CMYK	1, 50, 0, 2
HSL	299°, 94, 73.7	`hsl(299,94%,73.7%)`
HSV (or HSB)	299°, 50.2, 98.4
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	70.716, 64.041, -42.245
XYZ	63.811, 41.775, 95.964
xyY	0.317, 0.207, 41.775
CIE-LCH	70.716, 76.719, 326.589
CIE-LUV	70.716, 57.971, -77.251
Hunter-Lab	64.634, 63.121, -42.786
Binary	11111001, 01111101, 11111011

#f97dfb
```
#f97dfb rgb(249,125,251)
```
#7ffb7d
```
#7ffb7d rgb(127,251,125)
```

Complementary Color

#ba7dfb
```
#ba7dfb rgb(186,125,251)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fb7dbe
```
#fb7dbe rgb(251,125,190)
```

Analogous Color

#7dfbba
```
#7dfbba rgb(125,251,186)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#befb7d
```
#befb7d rgb(190,251,125)
```

Split Complementary Color

#7dfbf9
```
#7dfbf9 rgb(125,251,249)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fbf97d
```
#fbf97d rgb(251,249,125)
```

Triadic Color

#7d7ffb
```
#7d7ffb rgb(125,127,251)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fbf97d
```
#fbf97d rgb(251,249,125)
```
#7ffb7d
```
#7ffb7d rgb(127,251,125)
```

Tetradic Color

#f633f9
```
#f633f9 rgb(246,51,249)
```
#f74cf9
```
#f74cf9 rgb(247,76,249)
```
#f864fa
```
#f864fa rgb(248,100,250)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fa96fc
```
#fa96fc rgb(250,150,252)
```
#fbaefd
```
#fbaefd rgb(251,174,253)
```
#fcc7fd
```
#fcc7fd rgb(252,199,253)
```

Monochromatic Color

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

#da7dfb
```
#da7dfb rgb(218,125,251)
```
#e47dfb
```
#e47dfb rgb(228,125,251)
```
#ef7dfb
```
#ef7dfb rgb(239,125,251)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fb7df3
```
#fb7df3 rgb(251,125,243)
```
#fb7de8
```
#fb7de8 rgb(251,125,232)
```
#fb7dde
```
#fb7dde rgb(251,125,222)
```

Similar Colors

Text with hexadecimal color #f97dfb

This text has a font color of #f97dfb.

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

#f97dfb background color

This paragraph has a background color of #f97dfb.

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

#f97dfb border color

This element has a border color of #f97dfb.

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

CSS codes

.text {color:#f97dfb;}

.background {background-color:#f97dfb;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160116
```
#160116 rgb(22,1,22)
```
#290129
```
#290129 rgb(41,1,41)
```
#3b023c
```
#3b023c rgb(59,2,60)
```
#4e024f
```
#4e024f rgb(78,2,79)
```
#610362
```
#610362 rgb(97,3,98)
```
#740475
```
#740475 rgb(116,4,117)
```
#860488
```
#860488 rgb(134,4,136)
```
#99059b
```
#99059b rgb(153,5,155)
```
#ac05ae
```
#ac05ae rgb(172,5,174)
```
#bf06c2
```
#bf06c2 rgb(191,6,194)
```
#d107d5
```
#d107d5 rgb(209,7,213)
```
#e407e8
```
#e407e8 rgb(228,7,232)
```

Shade Color Variation

#f40bf7
```
#f40bf7 rgb(244,11,247)
```
#f51ef8
```
#f51ef8 rgb(245,30,248)
```
#f531f9
```
#f531f9 rgb(245,49,249)
```
#f644f9
```
#f644f9 rgb(246,68,249)
```
#f757fa
```
#f757fa rgb(247,87,250)
```
#f86afa
```
#f86afa rgb(248,106,250)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```
#fa90fc
```
#fa90fc rgb(250,144,252)
```
#fba3fc
```
#fba3fc rgb(251,163,252)
```
#fcb6fd
```
#fcb6fd rgb(252,182,253)
```
#fdc9fd
```
#fdc9fd rgb(253,201,253)
```
#fddcfe
```
#fddcfe rgb(253,220,254)
```
#feefff
```
#feefff rgb(254,239,255)
```

Tint Color Variation

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

#bdbbbd
```
#bdbbbd rgb(189,187,189)
```
#c2b6c2
```
#c2b6c2 rgb(194,182,194)
```
#c7b1c7
```
#c7b1c7 rgb(199,177,199)
```
#ccabcd
```
#ccabcd rgb(204,171,205)
```
#d1a6d2
```
#d1a6d2 rgb(209,166,210)
```
#d6a1d7
```
#d6a1d7 rgb(214,161,215)
```
#db9cdc
```
#db9cdc rgb(219,156,220)
```
#e097e1
```
#e097e1 rgb(224,151,225)
```
#e592e6
```
#e592e6 rgb(229,146,230)
```
#ea8cec
```
#ea8cec rgb(234,140,236)
```
#ef87f1
```
#ef87f1 rgb(239,135,241)
```
#f482f6
```
#f482f6 rgb(244,130,246)
```
#f97dfb
```
#f97dfb rgb(249,125,251)
```

Tone Color Variation

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

Dichromacy

#92aeff Protanopia 1% of men
#9bafee Deuteranopia 1% of men
#ed9aa4 Tritanopia 0.001% of the population

Trichromacy

#b79cfd Protanomaly 1% of men, 0.01% of women
#bd9df2 Deuteranomaly 6% of men, 0.4% of women
#f18fc4 Tritanomaly 0.01% of the population

#f97dfb hex color

#f97dfb Color Information

#f97dfb Color Conversion

Color Schemes with #f97dfb

Alternatives to #f97dfb

#f97dfb Preview

Shades and Tints of #f97dfb

Tones of #f97dfb

Color Blindness Simulator