#f661bf hex color

In a RGB color space, hex #f661bf is composed of 96.5% red, 38% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 22.4% yellow and 3.5% black. It has a hue angle of 322.1 degrees, a saturation of 89.2% and a lightness of 67.3%. #f661bf color hex could be obtained by blending #ffc2ff with #ed007f. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 96
- G 38
- B 75
RGB color chart
- C 0
- M 61
- Y 22
- K 4
CMYK color chart

● #f661bf color description : Soft pink.

The hexadecimal color #f661bf has RGB values of R:246, G:97, B:191 and CMYK values of C:0, M:0.61, Y:0.22, K:0.04. Its decimal value is 16146879.

Hex triplet	f661bf	`#f661bf`
RGB Decimal	246, 97, 191	`rgb(246,97,191)`
RGB Percent	96.5, 38, 74.9	`rgb(96.5%,38%,74.9%)`
CMYK	0, 61, 22, 4
HSL	322.1°, 89.2, 67.3	`hsl(322.1,89.2%,67.3%)`
HSV (or HSB)	322.1°, 60.6, 96.5
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	63.267, 66.445, -20.387
XYZ	51.685, 31.908, 52.724
xyY	0.379, 0.234, 31.908
CIE-LCH	63.267, 69.502, 342.943
CIE-LUV	63.267, 84.259, -42.131
Hunter-Lab	56.487, 64.473, -15.8
Binary	11110110, 01100001, 10111111

#f661bf
```
#f661bf rgb(246,97,191)
```
#61f698
```
#61f698 rgb(97,246,152)
```

Complementary Color

#e361f6
```
#e361f6 rgb(227,97,246)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#f66175
```
#f66175 rgb(246,97,117)
```

Analogous Color

#61f6e3
```
#61f6e3 rgb(97,246,227)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#75f661
```
#75f661 rgb(117,246,97)
```

Split Complementary Color

#61bff6
```
#61bff6 rgb(97,191,246)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#bff661
```
#bff661 rgb(191,246,97)
```

Triadic Color

#9861f6
```
#9861f6 rgb(152,97,246)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#bff661
```
#bff661 rgb(191,246,97)
```
#61f698
```
#61f698 rgb(97,246,152)
```

Tetradic Color

#f219a2
```
#f219a2 rgb(242,25,162)
```
#f331ab
```
#f331ab rgb(243,49,171)
```
#f549b5
```
#f549b5 rgb(245,73,181)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#f779c9
```
#f779c9 rgb(247,121,201)
```
#f991d3
```
#f991d3 rgb(249,145,211)
```
#faa9dc
```
#faa9dc rgb(250,169,220)
```

Monochromatic Color

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

#f661e4
```
#f661e4 rgb(246,97,228)
```
#f661d8
```
#f661d8 rgb(246,97,216)
```
#f661cb
```
#f661cb rgb(246,97,203)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#f661b3
```
#f661b3 rgb(246,97,179)
```
#f661a6
```
#f661a6 rgb(246,97,166)
```
#f6619a
```
#f6619a rgb(246,97,154)
```

Similar Colors

Text with hexadecimal color #f661bf

This text has a font color of #f661bf.

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

#f661bf background color

This paragraph has a background color of #f661bf.

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

#f661bf border color

This element has a border color of #f661bf.

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

CSS codes

.text {color:#f661bf;}

.background {background-color:#f661bf;}

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

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

#090106
```
#090106 rgb(9,1,6)
```
#1c0212
```
#1c0212 rgb(28,2,18)
```
#2e031e
```
#2e031e rgb(46,3,30)
```
#41042a
```
#41042a rgb(65,4,42)
```
#530536
```
#530536 rgb(83,5,54)
```
#660642
```
#660642 rgb(102,6,66)
```
#78074e
```
#78074e rgb(120,7,78)
```
#8b085b
```
#8b085b rgb(139,8,91)
```
#9d0967
```
#9d0967 rgb(157,9,103)
```
#b00a73
```
#b00a73 rgb(176,10,115)
```
#c30b7f
```
#c30b7f rgb(195,11,127)
```
#d50c8b
```
#d50c8b rgb(213,12,139)
```
#e80d97
```
#e80d97 rgb(232,13,151)
```

Shade Color Variation

#f217a1
```
#f217a1 rgb(242,23,161)
```
#f329a8
```
#f329a8 rgb(243,41,168)
```
#f43cb0
```
#f43cb0 rgb(244,60,176)
```
#f54eb7
```
#f54eb7 rgb(245,78,183)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#f774c7
```
#f774c7 rgb(247,116,199)
```
#f886ce
```
#f886ce rgb(248,134,206)
```
#f999d6
```
#f999d6 rgb(249,153,214)
```
#faabdd
```
#faabdd rgb(250,171,221)
```
#fbbee5
```
#fbbee5 rgb(251,190,229)
```
#fcd0ec
```
#fcd0ec rgb(252,208,236)
```
#fde3f4
```
#fde3f4 rgb(253,227,244)
```
#fef5fb
```
#fef5fb rgb(254,245,251)
```

Tint Color Variation

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

#afa8ad
```
#afa8ad rgb(175,168,173)
```
#b6a1ae
```
#b6a1ae rgb(182,161,174)
```
#bc9bb0
```
#bc9bb0 rgb(188,155,176)
```
#c394b2
```
#c394b2 rgb(195,148,178)
```
#c98eb3
```
#c98eb3 rgb(201,142,179)
```
#cf88b5
```
#cf88b5 rgb(207,136,181)
```
#d681b7
```
#d681b7 rgb(214,129,183)
```
#dc7bb8
```
#dc7bb8 rgb(220,123,184)
```
#e374ba
```
#e374ba rgb(227,116,186)
```
#e96ebc
```
#e96ebc rgb(233,110,188)
```
#f067bd
```
#f067bd rgb(240,103,189)
```
#f661bf
```
#f661bf rgb(246,97,191)
```
#fc5bc1
```
#fc5bc1 rgb(252,91,193)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ab8da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#849ce2 Protanopia 1% of men
#a19ab6 Deuteranopia 1% of men
#ef7981 Tritanopia 0.001% of the population

Trichromacy

#ad86d5 Protanomaly 1% of men, 0.01% of women
#c085b9 Deuteranomaly 6% of men, 0.4% of women
#f27097 Tritanomaly 0.01% of the population

#f661bf hex color

#f661bf Color Information

#f661bf Color Conversion

Color Schemes with #f661bf

Alternatives to #f661bf

#f661bf Preview

Shades and Tints of #f661bf

Tones of #f661bf

Color Blindness Simulator