#f980a3 hex color

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

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

● #f980a3 color description : Soft pink.

The hexadecimal color #f980a3 has RGB values of R:249, G:128, B:163 and CMYK values of C:0, M:0.49, Y:0.35, K:0.02. Its decimal value is 16351395.

Hex triplet	f980a3	`#f980a3`
RGB Decimal	249, 128, 163	`rgb(249,128,163)`
RGB Percent	97.6, 50.2, 63.9	`rgb(97.6%,50.2%,63.9%)`
CMYK	0, 49, 35, 2
HSL	342.6°, 91, 73.9	`hsl(342.6,91%,73.9%)`
HSV (or HSB)	342.6°, 48.6, 97.6
Web Safe	ff9999	`#ff9999`

CIE-LAB	68.187, 49.694, 2.854
XYZ	53.397, 38.226, 39.215
xyY	0.408, 0.292, 38.226
CIE-LCH	68.187, 49.776, 3.287
CIE-LUV	68.187, 78.959, -5.489
Hunter-Lab	61.827, 45.964, 5.674
Binary	11111001, 10000000, 10100011

#f980a3
```
#f980a3 rgb(249,128,163)
```
#80f9d6
```
#80f9d6 rgb(128,249,214)
```

Complementary Color

#f980e0
```
#f980e0 rgb(249,128,224)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#f99a80
```
#f99a80 rgb(249,154,128)
```

Analogous Color

#80e0f9
```
#80e0f9 rgb(128,224,249)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#80f99a
```
#80f99a rgb(128,249,154)
```

Split Complementary Color

#80a3f9
```
#80a3f9 rgb(128,163,249)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#a3f980
```
#a3f980 rgb(163,249,128)
```

Triadic Color

#d680f9
```
#d680f9 rgb(214,128,249)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#a3f980
```
#a3f980 rgb(163,249,128)
```
#80f9d6
```
#80f9d6 rgb(128,249,214)
```

Tetradic Color

#f6376e
```
#f6376e rgb(246,55,110)
```
#f74f80
```
#f74f80 rgb(247,79,128)
```
#f86891
```
#f86891 rgb(248,104,145)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#fa98b5
```
#fa98b5 rgb(250,152,181)
```
#fbb1c6
```
#fbb1c6 rgb(251,177,198)
```
#fcc9d8
```
#fcc9d8 rgb(252,201,216)
```

Monochromatic Color

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

#f980c1
```
#f980c1 rgb(249,128,193)
```
#f980b7
```
#f980b7 rgb(249,128,183)
```
#f980ad
```
#f980ad rgb(249,128,173)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#f98099
```
#f98099 rgb(249,128,153)
```
#f9808f
```
#f9808f rgb(249,128,143)
```
#f98085
```
#f98085 rgb(249,128,133)
```

Similar Colors

Text with hexadecimal color #f980a3

This text has a font color of #f980a3.

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

#f980a3 background color

This paragraph has a background color of #f980a3.

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

#f980a3 border color

This element has a border color of #f980a3.

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

CSS codes

.text {color:#f980a3;}

.background {background-color:#f980a3;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170107
```
#170107 rgb(23,1,7)
```
#2a020d
```
#2a020d rgb(42,2,13)
```
#3c0313
```
#3c0313 rgb(60,3,19)
```
#4f041a
```
#4f041a rgb(79,4,26)
```
#620520
```
#620520 rgb(98,5,32)
```
#740626
```
#740626 rgb(116,6,38)
```
#87062c
```
#87062c rgb(135,6,44)
```
#9a0732
```
#9a0732 rgb(154,7,50)
```
#ad0838
```
#ad0838 rgb(173,8,56)
```
#bf093e
```
#bf093e rgb(191,9,62)
```
#d20a44
```
#d20a44 rgb(210,10,68)
```
#e50b4a
```
#e50b4a rgb(229,11,74)
```

Shade Color Variation

#f41052
```
#f41052 rgb(244,16,82)
```
#f5225f
```
#f5225f rgb(245,34,95)
```
#f5356d
```
#f5356d rgb(245,53,109)
```
#f6487a
```
#f6487a rgb(246,72,122)
```
#f75b88
```
#f75b88 rgb(247,91,136)
```
#f86d95
```
#f86d95 rgb(248,109,149)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#fa93b1
```
#fa93b1 rgb(250,147,177)
```
#fba5be
```
#fba5be rgb(251,165,190)
```
#fcb8cc
```
#fcb8cc rgb(252,184,204)
```
#fdcbd9
```
#fdcbd9 rgb(253,203,217)
```
#fddee7
```
#fddee7 rgb(253,222,231)
```
#fef0f4
```
#fef0f4 rgb(254,240,244)
```

Tint Color Variation

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

#c1b8bb
```
#c1b8bb rgb(193,184,187)
```
#c6b3b9
```
#c6b3b9 rgb(198,179,185)
```
#cbaeb6
```
#cbaeb6 rgb(203,174,182)
```
#d0a9b4
```
#d0a9b4 rgb(208,169,180)
```
#d5a4b2
```
#d5a4b2 rgb(213,164,178)
```
#da9fb0
```
#da9fb0 rgb(218,159,176)
```
#df9aae
```
#df9aae rgb(223,154,174)
```
#e594ac
```
#e594ac rgb(229,148,172)
```
#ea8fa9
```
#ea8fa9 rgb(234,143,169)
```
#ef8aa7
```
#ef8aa7 rgb(239,138,167)
```
#f485a5
```
#f485a5 rgb(244,133,165)
```
#f980a3
```
#f980a3 rgb(249,128,163)
```
#fe7ba1
```
#fe7ba1 rgb(254,123,161)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b8a0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9ba Protanopia 1% of men
#bea59f Deuteranopia 1% of men
#f78a93 Tritanopia 0.001% of the population

Trichromacy

#c69ab1 Protanomaly 1% of men, 0.01% of women
#d397a1 Deuteranomaly 6% of men, 0.4% of women
#f78699 Tritanomaly 0.01% of the population

#f980a3 hex color

#f980a3 Color Information

#f980a3 Color Conversion

Color Schemes with #f980a3

Alternatives to #f980a3

#f980a3 Preview

Shades and Tints of #f980a3

Tones of #f980a3

Color Blindness Simulator