#f681f7 hex color

In a RGB color space, hex #f681f7 is composed of 96.5% red, 50.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 47.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 299.5 degrees, a saturation of 88.1% and a lightness of 73.7%. #f681f7 color hex could be obtained by blending #ffffff with #ed03ef. Closest websafe color is: #ff99ff.

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

● #f681f7 color description : Soft magenta.

The hexadecimal color #f681f7 has RGB values of R:246, G:129, B:247 and CMYK values of C:0, M:0.48, Y:0, K:0.03. Its decimal value is 16155127.

Hex triplet	f681f7	`#f681f7`
RGB Decimal	246, 129, 247	`rgb(246,129,247)`
RGB Percent	96.5, 50.6, 96.9	`rgb(96.5%,50.6%,96.9%)`
CMYK	0, 48, 0, 3
HSL	299.5°, 88.1, 73.7	`hsl(299.5,88.1%,73.7%)`
HSV (or HSB)	299.5°, 47.8, 96.9
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	70.879, 60.648, -39.832
XYZ	62.643, 42.012, 92.8
xyY	0.317, 0.213, 42.012
CIE-LCH	70.879, 72.559, 326.704
CIE-LUV	70.879, 55.432, -72.817
Hunter-Lab	64.816, 59.086, -39.516
Binary	11110110, 10000001, 11110111

#f681f7
```
#f681f7 rgb(246,129,247)
```
#82f781
```
#82f781 rgb(130,247,129)
```

Complementary Color

#bb81f7
```
#bb81f7 rgb(187,129,247)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#f781bd
```
#f781bd rgb(247,129,189)
```

Analogous Color

#81f7bb
```
#81f7bb rgb(129,247,187)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#bdf781
```
#bdf781 rgb(189,247,129)
```

Split Complementary Color

#81f7f6
```
#81f7f6 rgb(129,247,246)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#f7f681
```
#f7f681 rgb(247,246,129)
```

Triadic Color

#8182f7
```
#8182f7 rgb(129,130,247)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#f7f681
```
#f7f681 rgb(247,246,129)
```
#82f781
```
#82f781 rgb(130,247,129)
```

Tetradic Color

#f139f2
```
#f139f2 rgb(241,57,242)
```
#f351f4
```
#f351f4 rgb(243,81,244)
```
#f469f5
```
#f469f5 rgb(244,105,245)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#f899f9
```
#f899f9 rgb(248,153,249)
```
#f9b1fa
```
#f9b1fa rgb(249,177,250)
```
#fbc9fc
```
#fbc9fc rgb(251,201,252)
```

Monochromatic Color

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

#d981f7
```
#d981f7 rgb(217,129,247)
```
#e281f7
```
#e281f7 rgb(226,129,247)
```
#ec81f7
```
#ec81f7 rgb(236,129,247)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#f781ee
```
#f781ee rgb(247,129,238)
```
#f781e4
```
#f781e4 rgb(247,129,228)
```
#f781db
```
#f781db rgb(247,129,219)
```

Similar Colors

Text with hexadecimal color #f681f7

This text has a font color of #f681f7.

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

#f681f7 background color

This paragraph has a background color of #f681f7.

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

#f681f7 border color

This element has a border color of #f681f7.

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

CSS codes

.text {color:#f681f7;}

.background {background-color:#f681f7;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#150116
```
#150116 rgb(21,1,22)
```
#280328
```
#280328 rgb(40,3,40)
```
#3a043a
```
#3a043a rgb(58,4,58)
```
#4c054d
```
#4c054d rgb(76,5,77)
```
#5f065f
```
#5f065f rgb(95,6,95)
```
#710772
```
#710772 rgb(113,7,114)
```
#830884
```
#830884 rgb(131,8,132)
```
#950a97
```
#950a97 rgb(149,10,151)
```
#a80ba9
```
#a80ba9 rgb(168,11,169)
```
#ba0cbc
```
#ba0cbc rgb(186,12,188)
```
#cc0dce
```
#cc0dce rgb(204,13,206)
```
#df0ee0
```
#df0ee0 rgb(223,14,224)
```

Shade Color Variation

#ee12f0
```
#ee12f0 rgb(238,18,240)
```
#ef25f1
```
#ef25f1 rgb(239,37,241)
```
#f137f2
```
#f137f2 rgb(241,55,242)
```
#f24af3
```
#f24af3 rgb(242,74,243)
```
#f35cf5
```
#f35cf5 rgb(243,92,245)
```
#f56ff6
```
#f56ff6 rgb(245,111,246)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#f793f8
```
#f793f8 rgb(247,147,248)
```
#f9a6f9
```
#f9a6f9 rgb(249,166,249)
```
#fab8fb
```
#fab8fb rgb(250,184,251)
```
#fbcbfc
```
#fbcbfc rgb(251,203,252)
```
#fdddfd
```
#fdddfd rgb(253,221,253)
```
#fef0fe
```
#fef0fe rgb(254,240,254)
```

Tint Color Variation

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

#bebabe
```
#bebabe rgb(190,186,190)
```
#c3b5c3
```
#c3b5c3 rgb(195,181,195)
```
#c8afc9
```
#c8afc9 rgb(200,175,201)
```
#cdaace
```
#cdaace rgb(205,170,206)
```
#d3a5d3
```
#d3a5d3 rgb(211,165,211)
```
#d8a0d8
```
#d8a0d8 rgb(216,160,216)
```
#dd9bdd
```
#dd9bdd rgb(221,155,221)
```
#e296e2
```
#e296e2 rgb(226,150,226)
```
#e790e8
```
#e790e8 rgb(231,144,232)
```
#ec8bed
```
#ec8bed rgb(236,139,237)
```
#f186f2
```
#f186f2 rgb(241,134,242)
```
#f681f7
```
#f681f7 rgb(246,129,247)
```
#fb7cfc
```
#fb7cfc rgb(251,124,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bfa7bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#93afff Protanopia 1% of men
#9fafeb Deuteranopia 1% of men
#ea9ba6 Tritanopia 0.001% of the population

Trichromacy

#b79efc Protanomaly 1% of men, 0.01% of women
#be9eef Deuteranomaly 6% of men, 0.4% of women
#ee92c3 Tritanomaly 0.01% of the population

#f681f7 hex color

#f681f7 Color Information

#f681f7 Color Conversion

Color Schemes with #f681f7

Alternatives to #f681f7

#f681f7 Preview

Shades and Tints of #f681f7

Tones of #f681f7

Color Blindness Simulator