#f96bf4 hex color

In a RGB color space, hex #f96bf4 is composed of 97.6% red, 42% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 2% yellow and 2.4% black. It has a hue angle of 302.1 degrees, a saturation of 92.2% and a lightness of 69.8%. #f96bf4 color hex could be obtained by blending #ffd6ff with #f300e9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 98
- G 42
- B 96
RGB color chart
- C 0
- M 57
- Y 2
- K 2
CMYK color chart

● #f96bf4 color description : Soft magenta.

The hexadecimal color #f96bf4 has RGB values of R:249, G:107, B:244 and CMYK values of C:0, M:0.57, Y:0.02, K:0.02. Its decimal value is 16346100.

Hex triplet	f96bf4	`#f96bf4`
RGB Decimal	249, 107, 244	`rgb(249,107,244)`
RGB Percent	97.6, 42, 95.7	`rgb(97.6%,42%,95.7%)`
CMYK	0, 57, 2, 2
HSL	302.1°, 92.2, 69.8	`hsl(302.1,92.2%,69.8%)`
HSV (or HSB)	302.1°, 57, 97.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.419, 70.901, -43.569
XYZ	60.652, 37.19, 89.567
xyY	0.324, 0.198, 37.19
CIE-LCH	67.419, 83.217, 328.429
CIE-LUV	67.419, 66.272, -79.82
Hunter-Lab	60.984, 70.809, -44.391
Binary	11111001, 01101011, 11110100

#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#6bf970
```
#6bf970 rgb(107,249,112)
```

Complementary Color

#b76bf9
```
#b76bf9 rgb(183,107,249)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#f96bad
```
#f96bad rgb(249,107,173)
```

Analogous Color

#6bf9b7
```
#6bf9b7 rgb(107,249,183)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#adf96b
```
#adf96b rgb(173,249,107)
```

Split Complementary Color

#6bf4f9
```
#6bf4f9 rgb(107,244,249)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#f4f96b
```
#f4f96b rgb(244,249,107)
```

Triadic Color

#706bf9
```
#706bf9 rgb(112,107,249)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#f4f96b
```
#f4f96b rgb(244,249,107)
```
#6bf970
```
#6bf970 rgb(107,249,112)
```

Tetradic Color

#f621ef
```
#f621ef rgb(246,33,239)
```
#f73af0
```
#f73af0 rgb(247,58,240)
```
#f852f2
```
#f852f2 rgb(248,82,242)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#fa84f6
```
#fa84f6 rgb(250,132,246)
```
#fb9cf8
```
#fb9cf8 rgb(251,156,248)
```
#fcb5f9
```
#fcb5f9 rgb(252,181,249)
```

Monochromatic Color

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

#db6bf9
```
#db6bf9 rgb(219,107,249)
```
#e66bf9
```
#e66bf9 rgb(230,107,249)
```
#f26bf9
```
#f26bf9 rgb(242,107,249)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#f96be8
```
#f96be8 rgb(249,107,232)
```
#f96bdc
```
#f96bdc rgb(249,107,220)
```
#f96bd1
```
#f96bd1 rgb(249,107,209)
```

Similar Colors

Text with hexadecimal color #f96bf4

This text has a font color of #f96bf4.

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

#f96bf4 background color

This paragraph has a background color of #f96bf4.

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

#f96bf4 border color

This element has a border color of #f96bf4.

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

CSS codes

.text {color:#f96bf4;}

.background {background-color:#f96bf4;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160115
```
#160115 rgb(22,1,21)
```
#290227
```
#290227 rgb(41,2,39)
```
#3b0239
```
#3b0239 rgb(59,2,57)
```
#4e034c
```
#4e034c rgb(78,3,76)
```
#61045e
```
#61045e rgb(97,4,94)
```
#740570
```
#740570 rgb(116,5,112)
```
#870582
```
#870582 rgb(135,5,130)
```
#9a0694
```
#9a0694 rgb(154,6,148)
```
#ac07a7
```
#ac07a7 rgb(172,7,167)
```
#bf08b9
```
#bf08b9 rgb(191,8,185)
```
#d209cb
```
#d209cb rgb(210,9,203)
```
#e509dd
```
#e509dd rgb(229,9,221)
```

Shade Color Variation

#f50ded
```
#f50ded rgb(245,13,237)
```
#f620ee
```
#f620ee rgb(246,32,238)
```
#f732f0
```
#f732f0 rgb(247,50,240)
```
#f745f1
```
#f745f1 rgb(247,69,241)
```
#f858f3
```
#f858f3 rgb(248,88,243)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#fa7ef5
```
#fa7ef5 rgb(250,126,245)
```
#fb91f7
```
#fb91f7 rgb(251,145,247)
```
#fba4f8
```
#fba4f8 rgb(251,164,248)
```
#fcb6fa
```
#fcb6fa rgb(252,182,250)
```
#fdc9fb
```
#fdc9fb rgb(253,201,251)
```
#fedcfc
```
#fedcfc rgb(254,220,252)
```
#feeffe
```
#feeffe rgb(254,239,254)
```

Tint Color Variation

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

#b8acb7
```
#b8acb7 rgb(184,172,183)
```
#bea6bd
```
#bea6bd rgb(190,166,189)
```
#c4a0c2
```
#c4a0c2 rgb(196,160,194)
```
#ca9ac8
```
#ca9ac8 rgb(202,154,200)
```
#d094cd
```
#d094cd rgb(208,148,205)
```
#d58fd3
```
#d58fd3 rgb(213,143,211)
```
#db89d8
```
#db89d8 rgb(219,137,216)
```
#e183de
```
#e183de rgb(225,131,222)
```
#e77de3
```
#e77de3 rgb(231,125,227)
```
#ed77e9
```
#ed77e9 rgb(237,119,233)
```
#f371ee
```
#f371ee rgb(243,113,238)
```
#f96bf4
```
#f96bf4 rgb(249,107,244)
```
#ff65fa
```
#ff65fa rgb(255,101,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b699b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a6ff Protanopia 1% of men
#92a7e5 Deuteranopia 1% of men
#ec8d96 Tritanopia 0.001% of the population

Trichromacy

#ae90fb Protanomaly 1% of men, 0.01% of women
#b791ea Deuteranomaly 6% of men, 0.4% of women
#f180b8 Tritanomaly 0.01% of the population

#f96bf4 hex color

#f96bf4 Color Information

#f96bf4 Color Conversion

Color Schemes with #f96bf4

Alternatives to #f96bf4

#f96bf4 Preview

Shades and Tints of #f96bf4

Tones of #f96bf4

Color Blindness Simulator