#f661f8 hex color

In a RGB color space, hex #f661f8 is composed of 96.5% red, 38% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 60.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 299.2 degrees, a saturation of 91.5% and a lightness of 67.6%. #f661f8 color hex could be obtained by blending #ffc2ff with #ed00f1. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 38
- B 97
RGB color chart
- C 1
- M 61
- Y 0
- K 3
CMYK color chart

● #f661f8 color description : Soft magenta.

The hexadecimal color #f661f8 has RGB values of R:246, G:97, B:248 and CMYK values of C:0.01, M:0.61, Y:0, K:0.03. Its decimal value is 16146936.

Hex triplet	f661f8	`#f661f8`
RGB Decimal	246, 97, 248	`rgb(246,97,248)`
RGB Percent	96.5, 38, 97.3	`rgb(96.5%,38%,97.3%)`
CMYK	1, 61, 0, 3
HSL	299.2°, 91.5, 67.6	`hsl(299.2,91.5%,67.6%)`
HSV (or HSB)	299.2°, 60.9, 97.3
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.689, 74.952, -48.524
XYZ	59.223, 34.923, 92.423
xyY	0.317, 0.187, 34.923
CIE-LCH	65.689, 89.288, 327.081
CIE-LUV	65.689, 66.187, -87.963
Hunter-Lab	59.096, 75.467, -51.361
Binary	11110110, 01100001, 11111000

#f661f8
```
#f661f8 rgb(246,97,248)
```
#63f861
```
#63f861 rgb(99,248,97)
```

Complementary Color

#ab61f8
```
#ab61f8 rgb(171,97,248)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#f861af
```
#f861af rgb(248,97,175)
```

Analogous Color

#61f8ab
```
#61f8ab rgb(97,248,171)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#aff861
```
#aff861 rgb(175,248,97)
```

Split Complementary Color

#61f8f6
```
#61f8f6 rgb(97,248,246)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#f8f661
```
#f8f661 rgb(248,246,97)
```

Triadic Color

#6163f8
```
#6163f8 rgb(97,99,248)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#f8f661
```
#f8f661 rgb(248,246,97)
```
#63f861
```
#63f861 rgb(99,248,97)
```

Tetradic Color

#f218f5
```
#f218f5 rgb(242,24,245)
```
#f330f6
```
#f330f6 rgb(243,48,246)
```
#f549f7
```
#f549f7 rgb(245,73,247)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#f779f9
```
#f779f9 rgb(247,121,249)
```
#f992fa
```
#f992fa rgb(249,146,250)
```
#faaafb
```
#faaafb rgb(250,170,251)
```

Monochromatic Color

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

#d061f8
```
#d061f8 rgb(208,97,248)
```
#dd61f8
```
#dd61f8 rgb(221,97,248)
```
#e961f8
```
#e961f8 rgb(233,97,248)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#f861ed
```
#f861ed rgb(248,97,237)
```
#f861e1
```
#f861e1 rgb(248,97,225)
```
#f861d4
```
#f861d4 rgb(248,97,212)
```

Similar Colors

Text with hexadecimal color #f661f8

This text has a font color of #f661f8.

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

#f661f8 background color

This paragraph has a background color of #f661f8.

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

#f661f8 border color

This element has a border color of #f661f8.

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

CSS codes

.text {color:#f661f8;}

.background {background-color:#f661f8;}

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

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

#0b000b
```
#0b000b rgb(11,0,11)
```
#1d011e
```
#1d011e rgb(29,1,30)
```
#300231
```
#300231 rgb(48,2,49)
```
#430343
```
#430343 rgb(67,3,67)
```
#550456
```
#550456 rgb(85,4,86)
```
#680569
```
#680569 rgb(104,5,105)
```
#7a057c
```
#7a057c rgb(122,5,124)
```
#8d068f
```
#8d068f rgb(141,6,143)
```
#9f07a1
```
#9f07a1 rgb(159,7,161)
```
#b208b4
```
#b208b4 rgb(178,8,180)
```
#c409c7
```
#c409c7 rgb(196,9,199)
```
#d70ada
```
#d70ada rgb(215,10,218)
```
#e90aec
```
#e90aec rgb(233,10,236)
```

Shade Color Variation

#f216f5
```
#f216f5 rgb(242,22,245)
```
#f329f6
```
#f329f6 rgb(243,41,246)
```
#f43bf6
```
#f43bf6 rgb(244,59,246)
```
#f54ef7
```
#f54ef7 rgb(245,78,247)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#f774f9
```
#f774f9 rgb(247,116,249)
```
#f887fa
```
#f887fa rgb(248,135,250)
```
#f999fa
```
#f999fa rgb(249,153,250)
```
#faacfb
```
#faacfb rgb(250,172,251)
```
#fbbffc
```
#fbbffc rgb(251,191,252)
```
#fcd2fd
```
#fcd2fd rgb(252,210,253)
```
#fde4fe
```
#fde4fe rgb(253,228,254)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#b2a7b2
```
#b2a7b2 rgb(178,167,178)
```
#b8a0b9
```
#b8a0b9 rgb(184,160,185)
```
#be9abf
```
#be9abf rgb(190,154,191)
```
#c594c5
```
#c594c5 rgb(197,148,197)
```
#cb8dcc
```
#cb8dcc rgb(203,141,204)
```
#d187d2
```
#d187d2 rgb(209,135,210)
```
#d781d8
```
#d781d8 rgb(215,129,216)
```
#dd7adf
```
#dd7adf rgb(221,122,223)
```
#e374e5
```
#e374e5 rgb(227,116,229)
```
#ea6eeb
```
#ea6eeb rgb(234,110,235)
```
#f067f2
```
#f067f2 rgb(240,103,242)
```
#f661f8
```
#f661f8 rgb(246,97,248)
```
#fc5bfe
```
#fc5bfe rgb(252,91,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#b093b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ba1ff Protanopia 1% of men
#86a3e8 Deuteranopia 1% of men
#e88891 Tritanopia 0.001% of the population

Trichromacy

#a78afc Protanomaly 1% of men, 0.01% of women
#ae8bed Deuteranomaly 6% of men, 0.4% of women
#ed7ab6 Tritanomaly 0.01% of the population

#f661f8 hex color

#f661f8 Color Information

#f661f8 Color Conversion

Color Schemes with #f661f8

Alternatives to #f661f8

#f661f8 Preview

Shades and Tints of #f661f8

Tones of #f661f8

Color Blindness Simulator