#f681fc hex color

In a RGB color space, hex #f681fc is composed of 96.5% red, 50.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 48.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 297.1 degrees, a saturation of 95.3% and a lightness of 74.7%. #f681fc color hex could be obtained by blending #ffffff with #ed03f9. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 51
- B 99
RGB color chart
- C 2
- M 49
- Y 0
- K 1
CMYK color chart

● #f681fc color description : Soft magenta.

The hexadecimal color #f681fc has RGB values of R:246, G:129, B:252 and CMYK values of C:0.02, M:0.49, Y:0, K:0.01. Its decimal value is 16155132.

Hex triplet	f681fc	`#f681fc`
RGB Decimal	246, 129, 252	`rgb(246,129,252)`
RGB Percent	96.5, 50.6, 98.8	`rgb(96.5%,50.6%,98.8%)`
CMYK	2, 49, 0, 1
HSL	297.1°, 95.3, 74.7	`hsl(297.1,95.3%,74.7%)`
HSV (or HSB)	297.1°, 48.8, 98.8
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	71.094, 61.524, -42.226
XYZ	63.425, 42.324, 96.919
xyY	0.313, 0.209, 42.324
CIE-LCH	71.094, 74.621, 325.537
CIE-LUV	71.094, 54.224, -76.894
Hunter-Lab	65.057, 60.172, -42.787
Binary	11110110, 10000001, 11111100

#f681fc
```
#f681fc rgb(246,129,252)
```
#87fc81
```
#87fc81 rgb(135,252,129)
```

Complementary Color

#b981fc
```
#b981fc rgb(185,129,252)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#fc81c5
```
#fc81c5 rgb(252,129,197)
```

Analogous Color

#81fcb9
```
#81fcb9 rgb(129,252,185)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#c5fc81
```
#c5fc81 rgb(197,252,129)
```

Split Complementary Color

#81fcf6
```
#81fcf6 rgb(129,252,246)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#fcf681
```
#fcf681 rgb(252,246,129)
```

Triadic Color

#8187fc
```
#8187fc rgb(129,135,252)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#fcf681
```
#fcf681 rgb(252,246,129)
```
#87fc81
```
#87fc81 rgb(135,252,129)
```

Tetradic Color

#f136fa
```
#f136fa rgb(241,54,250)
```
#f24ffb
```
#f24ffb rgb(242,79,251)
```
#f468fb
```
#f468fb rgb(244,104,251)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#f89afd
```
#f89afd rgb(248,154,253)
```
#fab3fd
```
#fab3fd rgb(250,179,253)
```
#fbccfe
```
#fbccfe rgb(251,204,254)
```

Monochromatic Color

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

#d781fc
```
#d781fc rgb(215,129,252)
```
#e281fc
```
#e281fc rgb(226,129,252)
```
#ec81fc
```
#ec81fc rgb(236,129,252)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#fc81f8
```
#fc81f8 rgb(252,129,248)
```
#fc81ee
```
#fc81ee rgb(252,129,238)
```
#fc81e3
```
#fc81e3 rgb(252,129,227)
```

Similar Colors

Text with hexadecimal color #f681fc

This text has a font color of #f681fc.

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

#f681fc background color

This paragraph has a background color of #f681fc.

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

#f681fc border color

This element has a border color of #f681fc.

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

CSS codes

.text {color:#f681fc;}

.background {background-color:#f681fc;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a011b
```
#1a011b rgb(26,1,27)
```
#2c012e
```
#2c012e rgb(44,1,46)
```
#3e0242
```
#3e0242 rgb(62,2,66)
```
#510255
```
#510255 rgb(81,2,85)
```
#630268
```
#630268 rgb(99,2,104)
```
#75037b
```
#75037b rgb(117,3,123)
```
#87038e
```
#87038e rgb(135,3,142)
```
#9a04a1
```
#9a04a1 rgb(154,4,161)
```
#ac04b5
```
#ac04b5 rgb(172,4,181)
```
#be05c8
```
#be05c8 rgb(190,5,200)
```
#d005db
```
#d005db rgb(208,5,219)
```
#e306ee
```
#e306ee rgb(227,6,238)
```

Shade Color Variation

#ee0ef9
```
#ee0ef9 rgb(238,14,249)
```
#ef21fa
```
#ef21fa rgb(239,33,250)
```
#f134fa
```
#f134fa rgb(241,52,250)
```
#f248fb
```
#f248fb rgb(242,72,251)
```
#f35bfb
```
#f35bfb rgb(243,91,251)
```
#f56efc
```
#f56efc rgb(245,110,252)
```
#f681fc
```
#f681fc rgb(246,129,252)
```
#f794fc
```
#f794fc rgb(247,148,252)
```
#f9a7fd
```
#f9a7fd rgb(249,167,253)
```
#fabafd
```
#fabafd rgb(250,186,253)
```
#fbcefe
```
#fbcefe rgb(251,206,254)
```
#fde1fe
```
#fde1fe rgb(253,225,254)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#c0bdc0
```
#c0bdc0 rgb(192,189,192)
```
#c5b8c5
```
#c5b8c5 rgb(197,184,197)
```
#c9b3ca
```
#c9b3ca rgb(201,179,202)
```
#ceaecf
```
#ceaecf rgb(206,174,207)
```
#d2a9d4
```
#d2a9d4 rgb(210,169,212)
```
#d7a4d9
```
#d7a4d9 rgb(215,164,217)
```
#db9fde
```
#db9fde rgb(219,159,222)
```
#e09ae3
```
#e09ae3 rgb(224,154,227)
```
#e495e8
```
#e495e8 rgb(228,149,232)
```
#e990ed
```
#e990ed rgb(233,144,237)
```
#ed8bf2
```
#ed8bf2 rgb(237,139,242)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f681fc
```
#f681fc rgb(246,129,252)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#c0a8c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94afff Protanopia 1% of men
#9cb0ef Deuteranopia 1% of men
#ea9da7 Tritanopia 0.001% of the population

Trichromacy

#b79efd Protanomaly 1% of men, 0.01% of women
#bd9ff4 Deuteranomaly 6% of men, 0.4% of women
#ee92c6 Tritanomaly 0.01% of the population

#f681fc hex color

#f681fc Color Information

#f681fc Color Conversion

Color Schemes with #f681fc

Alternatives to #f681fc

#f681fc Preview

Shades and Tints of #f681fc

Tones of #f681fc

Color Blindness Simulator