#f681f0 hex color

In a RGB color space, hex #f681f0 is composed of 96.5% red, 50.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 2.4% yellow and 3.5% black. It has a hue angle of 303.1 degrees, a saturation of 86.7% and a lightness of 73.5%. #f681f0 color hex could be obtained by blending #ffffff with #ed03e1. Closest websafe color is: #ff99ff.

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

● #f681f0 color description : Soft magenta.

The hexadecimal color #f681f0 has RGB values of R:246, G:129, B:240 and CMYK values of C:0, M:0.48, Y:0.02, K:0.04. Its decimal value is 16155120.

Hex triplet	f681f0	`#f681f0`
RGB Decimal	246, 129, 240	`rgb(246,129,240)`
RGB Percent	96.5, 50.6, 94.1	`rgb(96.5%,50.6%,94.1%)`
CMYK	0, 48, 2, 4
HSL	303.1°, 86.7, 73.5	`hsl(303.1,86.7%,73.5%)`
HSV (or HSB)	303.1°, 47.6, 96.5
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	70.586, 59.444, -36.456
XYZ	61.583, 41.588, 87.217
xyY	0.323, 0.218, 41.588
CIE-LCH	70.586, 69.732, 328.479
CIE-LUV	70.586, 57.136, -67.096
Hunter-Lab	64.488, 57.603, -35.044
Binary	11110110, 10000001, 11110000

#f681f0
```
#f681f0 rgb(246,129,240)
```
#81f687
```
#81f687 rgb(129,246,135)
```

Complementary Color

#c281f6
```
#c281f6 rgb(194,129,246)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#f681b6
```
#f681b6 rgb(246,129,182)
```

Analogous Color

#81f6c2
```
#81f6c2 rgb(129,246,194)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#b6f681
```
#b6f681 rgb(182,246,129)
```

Split Complementary Color

#81f0f6
```
#81f0f6 rgb(129,240,246)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#f0f681
```
#f0f681 rgb(240,246,129)
```

Triadic Color

#8781f6
```
#8781f6 rgb(135,129,246)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#f0f681
```
#f0f681 rgb(240,246,129)
```
#81f687
```
#81f687 rgb(129,246,135)
```

Tetradic Color

#f13ae8
```
#f13ae8 rgb(241,58,232)
```
#f351ea
```
#f351ea rgb(243,81,234)
```
#f469ed
```
#f469ed rgb(244,105,237)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#f899f3
```
#f899f3 rgb(248,153,243)
```
#f9b1f6
```
#f9b1f6 rgb(249,177,246)
```
#fbc8f9
```
#fbc8f9 rgb(251,200,249)
```

Monochromatic Color

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

#df81f6
```
#df81f6 rgb(223,129,246)
```
#e981f6
```
#e981f6 rgb(233,129,246)
```
#f281f6
```
#f281f6 rgb(242,129,246)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#f681e6
```
#f681e6 rgb(246,129,230)
```
#f681dd
```
#f681dd rgb(246,129,221)
```
#f681d3
```
#f681d3 rgb(246,129,211)
```

Similar Colors

Text with hexadecimal color #f681f0

This text has a font color of #f681f0.

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

#f681f0 background color

This paragraph has a background color of #f681f0.

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

#f681f0 border color

This element has a border color of #f681f0.

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

CSS codes

.text {color:#f681f0;}

.background {background-color:#f681f0;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#140113
```
#140113 rgb(20,1,19)
```
#270325
```
#270325 rgb(39,3,37)
```
#390436
```
#390436 rgb(57,4,54)
```
#4b0548
```
#4b0548 rgb(75,5,72)
```
#5e0759
```
#5e0759 rgb(94,7,89)
```
#70086b
```
#70086b rgb(112,8,107)
```
#82097c
```
#82097c rgb(130,9,124)
```
#950b8e
```
#950b8e rgb(149,11,142)
```
#a70c9f
```
#a70c9f rgb(167,12,159)
```
#b90db0
```
#b90db0 rgb(185,13,176)
```
#cc0fc2
```
#cc0fc2 rgb(204,15,194)
```
#de10d3
```
#de10d3 rgb(222,16,211)
```

Shade Color Variation

#ee13e3
```
#ee13e3 rgb(238,19,227)
```
#ef25e5
```
#ef25e5 rgb(239,37,229)
```
#f138e7
```
#f138e7 rgb(241,56,231)
```
#f24ae9
```
#f24ae9 rgb(242,74,233)
```
#f35cec
```
#f35cec rgb(243,92,236)
```
#f56fee
```
#f56fee rgb(245,111,238)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#f793f2
```
#f793f2 rgb(247,147,242)
```
#f9a6f4
```
#f9a6f4 rgb(249,166,244)
```
#fab8f7
```
#fab8f7 rgb(250,184,247)
```
#fbcaf9
```
#fbcaf9 rgb(251,202,249)
```
#fdddfb
```
#fdddfb rgb(253,221,251)
```
#feeffd
```
#feeffd rgb(254,239,253)
```

Tint Color Variation

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

#bdbabd
```
#bdbabd rgb(189,186,189)
```
#c2b5c1
```
#c2b5c1 rgb(194,181,193)
```
#c7b0c6
```
#c7b0c6 rgb(199,176,198)
```
#ccabcb
```
#ccabcb rgb(204,171,203)
```
#d2a5cf
```
#d2a5cf rgb(210,165,207)
```
#d7a0d4
```
#d7a0d4 rgb(215,160,212)
```
#dc9bd9
```
#dc9bd9 rgb(220,155,217)
```
#e196dd
```
#e196dd rgb(225,150,221)
```
#e691e2
```
#e691e2 rgb(230,145,226)
```
#ec8be7
```
#ec8be7 rgb(236,139,231)
```
#f186eb
```
#f186eb rgb(241,134,235)
```
#f681f0
```
#f681f0 rgb(246,129,240)
```
#fb7cf5
```
#fb7cf5 rgb(251,124,245)
```

Tone Color Variation

Below, you can see how #f681f0 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
#bfa7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#92aeff Protanopia 1% of men
#a2aee5 Deuteranopia 1% of men
#eb9aa4 Tritanopia 0.001% of the population

Trichromacy

#b69df9 Protanomaly 1% of men, 0.01% of women
#c09de9 Deuteranomaly 6% of men, 0.4% of women
#ef91c0 Tritanomaly 0.01% of the population

#f681f0 hex color

#f681f0 Color Information

#f681f0 Color Conversion

Color Schemes with #f681f0

Alternatives to #f681f0

#f681f0 Preview

Shades and Tints of #f681f0

Tones of #f681f0

Color Blindness Simulator