#f970b9 hex color

In a RGB color space, hex #f970b9 is composed of 97.6% red, 43.9% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 25.7% yellow and 2.4% black. It has a hue angle of 328 degrees, a saturation of 91.9% and a lightness of 70.8%. #f970b9 color hex could be obtained by blending #ffe0ff with #f30073. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 98
- G 44
- B 73
RGB color chart
- C 0
- M 55
- Y 26
- K 2
CMYK color chart

● #f970b9 color description : Soft pink.

The hexadecimal color #f970b9 has RGB values of R:249, G:112, B:185 and CMYK values of C:0, M:0.55, Y:0.26, K:0.02. Its decimal value is 16347321.

Hex triplet	f970b9	`#f970b9`
RGB Decimal	249, 112, 185	`rgb(249,112,185)`
RGB Percent	97.6, 43.9, 72.5	`rgb(97.6%,43.9%,72.5%)`
CMYK	0, 55, 26, 2
HSL	328°, 91.9, 70.8	`hsl(328,91.9%,70.8%)`
HSV (or HSB)	328°, 55, 97.6
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	65.931, 59.986, -12.91
XYZ	53.618, 35.235, 49.873
xyY	0.387, 0.254, 35.235
CIE-LCH	65.931, 61.36, 347.855
CIE-LUV	65.931, 81.641, -29.981
Hunter-Lab	59.359, 57.359, -8.264
Binary	11111001, 01110000, 10111001

#f970b9
```
#f970b9 rgb(249,112,185)
```
#70f9b0
```
#70f9b0 rgb(112,249,176)
```

Complementary Color

#f570f9
```
#f570f9 rgb(245,112,249)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#f97075
```
#f97075 rgb(249,112,117)
```

Analogous Color

#70f9f5
```
#70f9f5 rgb(112,249,245)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#75f970
```
#75f970 rgb(117,249,112)
```

Split Complementary Color

#70b9f9
```
#70b9f9 rgb(112,185,249)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#b9f970
```
#b9f970 rgb(185,249,112)
```

Triadic Color

#b070f9
```
#b070f9 rgb(176,112,249)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#b9f970
```
#b9f970 rgb(185,249,112)
```
#70f9b0
```
#70f9b0 rgb(112,249,176)
```

Tetradic Color

#f62795
```
#f62795 rgb(246,39,149)
```
#f73fa1
```
#f73fa1 rgb(247,63,161)
```
#f858ad
```
#f858ad rgb(248,88,173)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#fa88c5
```
#fa88c5 rgb(250,136,197)
```
#fba1d1
```
#fba1d1 rgb(251,161,209)
```
#fcb9dd
```
#fcb9dd rgb(252,185,221)
```

Monochromatic Color

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

#f970db
```
#f970db rgb(249,112,219)
```
#f970d0
```
#f970d0 rgb(249,112,208)
```
#f970c4
```
#f970c4 rgb(249,112,196)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#f970ae
```
#f970ae rgb(249,112,174)
```
#f970a2
```
#f970a2 rgb(249,112,162)
```
#f97097
```
#f97097 rgb(249,112,151)
```

Similar Colors

Text with hexadecimal color #f970b9

This text has a font color of #f970b9.

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

#f970b9 background color

This paragraph has a background color of #f970b9.

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

#f970b9 border color

This element has a border color of #f970b9.

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

CSS codes

.text {color:#f970b9;}

.background {background-color:#f970b9;}

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

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

#080004
```
#080004 rgb(8,0,4)
```
#1a010f
```
#1a010f rgb(26,1,15)
```
#2d0219
```
#2d0219 rgb(45,2,25)
```
#400323
```
#400323 rgb(64,3,35)
```
#53032e
```
#53032e rgb(83,3,46)
```
#660438
```
#660438 rgb(102,4,56)
```
#790543
```
#790543 rgb(121,5,67)
```
#8b064d
```
#8b064d rgb(139,6,77)
```
#9e0757
```
#9e0757 rgb(158,7,87)
```
#b10762
```
#b10762 rgb(177,7,98)
```
#c4086c
```
#c4086c rgb(196,8,108)
```
#d70977
```
#d70977 rgb(215,9,119)
```
#ea0a81
```
#ea0a81 rgb(234,10,129)
```

Shade Color Variation

#f5128b
```
#f5128b rgb(245,18,139)
```
#f62594
```
#f62594 rgb(246,37,148)
```
#f7389d
```
#f7389d rgb(247,56,157)
```
#f74aa7
```
#f74aa7 rgb(247,74,167)
```
#f85db0
```
#f85db0 rgb(248,93,176)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#fa83c2
```
#fa83c2 rgb(250,131,194)
```
#fb96cb
```
#fb96cb rgb(251,150,203)
```
#fba8d5
```
#fba8d5 rgb(251,168,213)
```
#fcbbde
```
#fcbbde rgb(252,187,222)
```
#fdcee7
```
#fdcee7 rgb(253,206,231)
```
#fee1f0
```
#fee1f0 rgb(254,225,240)
```
#fff4fa
```
#fff4fa rgb(255,244,250)
```

Tint Color Variation

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

#baafb5
```
#baafb5 rgb(186,175,181)
```
#c0a9b5
```
#c0a9b5 rgb(192,169,181)
```
#c5a4b6
```
#c5a4b6 rgb(197,164,182)
```
#cb9eb6
```
#cb9eb6 rgb(203,158,182)
```
#d198b6
```
#d198b6 rgb(209,152,182)
```
#d792b7
```
#d792b7 rgb(215,146,183)
```
#dc8db7
```
#dc8db7 rgb(220,141,183)
```
#e287b7
```
#e287b7 rgb(226,135,183)
```
#e881b8
```
#e881b8 rgb(232,129,184)
```
#ee7bb8
```
#ee7bb8 rgb(238,123,184)
```
#f376b9
```
#f376b9 rgb(243,118,185)
```
#f970b9
```
#f970b9 rgb(249,112,185)
```
#ff6ab9
```
#ff6ab9 rgb(255,106,185)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b397a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a3d6 Protanopia 1% of men
#aea0b2 Deuteranopia 1% of men
#f4828a Tritanopia 0.001% of the population

Trichromacy

#b990cc Protanomaly 1% of men, 0.01% of women
#c98fb4 Deuteranomaly 6% of men, 0.4% of women
#f67b9b Tritanomaly 0.01% of the population

#f970b9 hex color

#f970b9 Color Information

#f970b9 Color Conversion

Color Schemes with #f970b9

Alternatives to #f970b9

#f970b9 Preview

Shades and Tints of #f970b9

Tones of #f970b9

Color Blindness Simulator