#f978b4 hex color

In a RGB color space, hex #f978b4 is composed of 97.6% red, 47.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.8% magenta, 27.7% yellow and 2.4% black. It has a hue angle of 332.1 degrees, a saturation of 91.5% and a lightness of 72.4%. #f978b4 color hex could be obtained by blending #fff0ff with #f30069. Closest websafe color is: #ff66cc.

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

● #f978b4 color description : Soft pink.

The hexadecimal color #f978b4 has RGB values of R:249, G:120, B:180 and CMYK values of C:0, M:0.52, Y:0.28, K:0.02. Its decimal value is 16349364.

Hex triplet	f978b4	`#f978b4`
RGB Decimal	249, 120, 180	`rgb(249,120,180)`
RGB Percent	97.6, 47.1, 70.6	`rgb(97.6%,47.1%,70.6%)`
CMYK	0, 52, 28, 2
HSL	332.1°, 91.5, 72.4	`hsl(332.1,91.5%,72.4%)`
HSV (or HSB)	332.1°, 51.8, 97.6
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	67.181, 55.634, -8.215
XYZ	54.022, 36.872, 47.449
xyY	0.39, 0.267, 36.872
CIE-LCH	67.181, 56.237, 351.6
CIE-LUV	67.181, 79.029, -22.312
Hunter-Lab	60.722, 52.54, -3.825
Binary	11111001, 01111000, 10110100

#f978b4
```
#f978b4 rgb(249,120,180)
```
#78f9bd
```
#78f9bd rgb(120,249,189)
```

Complementary Color

#f978f5
```
#f978f5 rgb(249,120,245)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#f97d78
```
#f97d78 rgb(249,125,120)
```

Analogous Color

#78f5f9
```
#78f5f9 rgb(120,245,249)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#78f97d
```
#78f97d rgb(120,249,125)
```

Split Complementary Color

#78b4f9
```
#78b4f9 rgb(120,180,249)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#b4f978
```
#b4f978 rgb(180,249,120)
```

Triadic Color

#bd78f9
```
#bd78f9 rgb(189,120,249)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#b4f978
```
#b4f978 rgb(180,249,120)
```
#78f9bd
```
#78f9bd rgb(120,249,189)
```

Tetradic Color

#f62f8b
```
#f62f8b rgb(246,47,139)
```
#f74799
```
#f74799 rgb(247,71,153)
```
#f860a6
```
#f860a6 rgb(248,96,166)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#fa90c2
```
#fa90c2 rgb(250,144,194)
```
#fba9cf
```
#fba9cf rgb(251,169,207)
```
#fcc1dd
```
#fcc1dd rgb(252,193,221)
```

Monochromatic Color

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

#f978d4
```
#f978d4 rgb(249,120,212)
```
#f978ca
```
#f978ca rgb(249,120,202)
```
#f978bf
```
#f978bf rgb(249,120,191)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#f978a9
```
#f978a9 rgb(249,120,169)
```
#f9789f
```
#f9789f rgb(249,120,159)
```
#f97894
```
#f97894 rgb(249,120,148)
```

Similar Colors

Text with hexadecimal color #f978b4

This text has a font color of #f978b4.

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

#f978b4 background color

This paragraph has a background color of #f978b4.

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

#f978b4 border color

This element has a border color of #f978b4.

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

CSS codes

.text {color:#f978b4;}

.background {background-color:#f978b4;}

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

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

#0f0107
```
#0f0107 rgb(15,1,7)
```
#220211
```
#220211 rgb(34,2,17)
```
#35021a
```
#35021a rgb(53,2,26)
```
#480323
```
#480323 rgb(72,3,35)
```
#5a042c
```
#5a042c rgb(90,4,44)
```
#6d0535
```
#6d0535 rgb(109,5,53)
```
#80063f
```
#80063f rgb(128,6,63)
```
#930748
```
#930748 rgb(147,7,72)
```
#a50751
```
#a50751 rgb(165,7,81)
```
#b8085a
```
#b8085a rgb(184,8,90)
```
#cb0963
```
#cb0963 rgb(203,9,99)
```
#de0a6c
```
#de0a6c rgb(222,10,108)
```
#f10b76
```
#f10b76 rgb(241,11,118)
```

Shade Color Variation

#f51a80
```
#f51a80 rgb(245,26,128)
```
#f62d8a
```
#f62d8a rgb(246,45,138)
```
#f64095
```
#f64095 rgb(246,64,149)
```
#f7529f
```
#f7529f rgb(247,82,159)
```
#f865aa
```
#f865aa rgb(248,101,170)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#fa8bbe
```
#fa8bbe rgb(250,139,190)
```
#fb9ec9
```
#fb9ec9 rgb(251,158,201)
```
#fcb0d3
```
#fcb0d3 rgb(252,176,211)
```
#fcc3de
```
#fcc3de rgb(252,195,222)
```
#fdd6e8
```
#fdd6e8 rgb(253,214,232)
```
#fee9f3
```
#fee9f3 rgb(254,233,243)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#bdb4b8
```
#bdb4b8 rgb(189,180,184)
```
#c3aeb8
```
#c3aeb8 rgb(195,174,184)
```
#c8a9b7
```
#c8a9b7 rgb(200,169,183)
```
#cea3b7
```
#cea3b7 rgb(206,163,183)
```
#d39eb7
```
#d39eb7 rgb(211,158,183)
```
#d899b6
```
#d899b6 rgb(216,153,182)
```
#de93b6
```
#de93b6 rgb(222,147,182)
```
#e38eb6
```
#e38eb6 rgb(227,142,182)
```
#e988b5
```
#e988b5 rgb(233,136,181)
```
#ee83b5
```
#ee83b5 rgb(238,131,181)
```
#f47db4
```
#f47db4 rgb(244,125,180)
```
#f978b4
```
#f978b4 rgb(249,120,180)
```
#fe73b4
```
#fe73b4 rgb(254,115,180)
```

Tone Color Variation

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

Dichromacy

#9da6ce Protanopia 1% of men
#b4a3ae Deuteranopia 1% of men
#f58790 Tritanopia 0.001% of the population

Trichromacy

#bf95c5 Protanomaly 1% of men, 0.01% of women
#cd93b0 Deuteranomaly 6% of men, 0.4% of women
#f6819d Tritanomaly 0.01% of the population

#f978b4 hex color

#f978b4 Color Information

#f978b4 Color Conversion

Color Schemes with #f978b4

Alternatives to #f978b4

#f978b4 Preview

Shades and Tints of #f978b4

Tones of #f978b4

Color Blindness Simulator