#f980bd hex color

In a RGB color space, hex #f980bd is composed of 97.6% red, 50.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 24.1% yellow and 2.4% black. It has a hue angle of 329.8 degrees, a saturation of 91% and a lightness of 73.9%. #f980bd color hex could be obtained by blending #ffffff with #f3017b. Closest websafe color is: #ff99cc.

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

● #f980bd color description : Soft pink.

The hexadecimal color #f980bd has RGB values of R:249, G:128, B:189 and CMYK values of C:0, M:0.49, Y:0.24, K:0.02. Its decimal value is 16351421.

Hex triplet	f980bd	`#f980bd`
RGB Decimal	249, 128, 189	`rgb(249,128,189)`
RGB Percent	97.6, 50.2, 74.1	`rgb(97.6%,50.2%,74.1%)`
CMYK	0, 49, 24, 2
HSL	329.8°, 91, 73.9	`hsl(329.8,91%,73.9%)`
HSV (or HSB)	329.8°, 48.6, 97.6
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	68.936, 52.991, -10.657
XYZ	55.971, 39.256, 52.771
xyY	0.378, 0.265, 39.256
CIE-LCH	68.936, 54.052, 348.628
CIE-LUV	68.936, 72.527, -25.473
Hunter-Lab	62.655, 49.815, -6.079
Binary	11111001, 10000000, 10111101

#f980bd
```
#f980bd rgb(249,128,189)
```
#80f9bc
```
#80f9bc rgb(128,249,188)
```

Complementary Color

#f980f9
```
#f980f9 rgb(249,128,249)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#f98081
```
#f98081 rgb(249,128,129)
```

Analogous Color

#80f9f9
```
#80f9f9 rgb(128,249,249)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#81f980
```
#81f980 rgb(129,249,128)
```

Split Complementary Color

#80bdf9
```
#80bdf9 rgb(128,189,249)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#bdf980
```
#bdf980 rgb(189,249,128)
```

Triadic Color

#bc80f9
```
#bc80f9 rgb(188,128,249)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#bdf980
```
#bdf980 rgb(189,249,128)
```
#80f9bc
```
#80f9bc rgb(128,249,188)
```

Tetradic Color

#f63797
```
#f63797 rgb(246,55,151)
```
#f74fa4
```
#f74fa4 rgb(247,79,164)
```
#f868b0
```
#f868b0 rgb(248,104,176)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#fa98ca
```
#fa98ca rgb(250,152,202)
```
#fbb1d6
```
#fbb1d6 rgb(251,177,214)
```
#fcc9e3
```
#fcc9e3 rgb(252,201,227)
```

Monochromatic Color

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

#f980db
```
#f980db rgb(249,128,219)
```
#f980d1
```
#f980d1 rgb(249,128,209)
```
#f980c7
```
#f980c7 rgb(249,128,199)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#f980b3
```
#f980b3 rgb(249,128,179)
```
#f980a9
```
#f980a9 rgb(249,128,169)
```
#f9809f
```
#f9809f rgb(249,128,159)
```

Similar Colors

Text with hexadecimal color #f980bd

This text has a font color of #f980bd.

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

#f980bd background color

This paragraph has a background color of #f980bd.

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

#f980bd border color

This element has a border color of #f980bd.

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

CSS codes

.text {color:#f980bd;}

.background {background-color:#f980bd;}

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

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

#040002
```
#040002 rgb(4,0,2)
```
#17010c
```
#17010c rgb(23,1,12)
```
#2a0216
```
#2a0216 rgb(42,2,22)
```
#3c0320
```
#3c0320 rgb(60,3,32)
```
#4f042a
```
#4f042a rgb(79,4,42)
```
#620534
```
#620534 rgb(98,5,52)
```
#74063d
```
#74063d rgb(116,6,61)
```
#870647
```
#870647 rgb(135,6,71)
```
#9a0751
```
#9a0751 rgb(154,7,81)
```
#ad085b
```
#ad085b rgb(173,8,91)
```
#bf0965
```
#bf0965 rgb(191,9,101)
```
#d20a6f
```
#d20a6f rgb(210,10,111)
```
#e50b79
```
#e50b79 rgb(229,11,121)
```

Shade Color Variation

#f41083
```
#f41083 rgb(244,16,131)
```
#f5228c
```
#f5228c rgb(245,34,140)
```
#f53596
```
#f53596 rgb(245,53,150)
```
#f648a0
```
#f648a0 rgb(246,72,160)
```
#f75baa
```
#f75baa rgb(247,91,170)
```
#f86db3
```
#f86db3 rgb(248,109,179)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#fa93c7
```
#fa93c7 rgb(250,147,199)
```
#fba5d0
```
#fba5d0 rgb(251,165,208)
```
#fcb8da
```
#fcb8da rgb(252,184,218)
```
#fdcbe4
```
#fdcbe4 rgb(253,203,228)
```
#fddeee
```
#fddeee rgb(253,222,238)
```
#fef0f7
```
#fef0f7 rgb(254,240,247)
```

Tint Color Variation

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

#c1b8bd
```
#c1b8bd rgb(193,184,189)
```
#c6b3bd
```
#c6b3bd rgb(198,179,189)
```
#cbaebd
```
#cbaebd rgb(203,174,189)
```
#d0a9bd
```
#d0a9bd rgb(208,169,189)
```
#d5a4bd
```
#d5a4bd rgb(213,164,189)
```
#da9fbd
```
#da9fbd rgb(218,159,189)
```
#df9abd
```
#df9abd rgb(223,154,189)
```
#e594bd
```
#e594bd rgb(229,148,189)
```
#ea8fbd
```
#ea8fbd rgb(234,143,189)
```
#ef8abd
```
#ef8abd rgb(239,138,189)
```
#f485bd
```
#f485bd rgb(244,133,189)
```
#f980bd
```
#f980bd rgb(249,128,189)
```
#fe7bbd
```
#fe7bbd rgb(254,123,189)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#bba2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1abd5 Protanopia 1% of men
#b7a8b7 Deuteranopia 1% of men
#f58e98 Tritanopia 0.001% of the population

Trichromacy

#c19bcc Protanomaly 1% of men, 0.01% of women
#cf99b9 Deuteranomaly 6% of men, 0.4% of women
#f689a5 Tritanomaly 0.01% of the population

#f980bd hex color

#f980bd Color Information

#f980bd Color Conversion

Color Schemes with #f980bd

Alternatives to #f980bd

#f980bd Preview

Shades and Tints of #f980bd

Tones of #f980bd

Color Blindness Simulator