#f682fd hex color

In a RGB color space, hex #f682fd is composed of 96.5% red, 51% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 48.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.6 degrees, a saturation of 96.9% and a lightness of 75.1%. #f682fd color hex could be obtained by blending #ffffff with #ed05fb. Closest websafe color is: #ff99ff.

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

● #f682fd color description : Soft magenta.

The hexadecimal color #f682fd has RGB values of R:246, G:130, B:253 and CMYK values of C:0.03, M:0.49, Y:0, K:0.01. Its decimal value is 16155389.

Hex triplet	f682fd	`#f682fd`
RGB Decimal	246, 130, 253	`rgb(246,130,253)`
RGB Percent	96.5, 51, 99.2	`rgb(96.5%,51%,99.2%)`
CMYK	3, 49, 0, 1
HSL	296.6°, 96.9, 75.1	`hsl(296.6,96.9%,75.1%)`
HSV (or HSB)	296.6°, 48.6, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	71.319, 61.224, -42.42
XYZ	63.716, 42.653, 97.8
xyY	0.312, 0.209, 42.653
CIE-LCH	71.319, 74.484, 325.283
CIE-LUV	71.319, 53.604, -77.204
Hunter-Lab	65.309, 59.856, -43.07
Binary	11110110, 10000010, 11111101

#f682fd
```
#f682fd rgb(246,130,253)
```
#89fd82
```
#89fd82 rgb(137,253,130)
```

Complementary Color

#b982fd
```
#b982fd rgb(185,130,253)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#fd82c7
```
#fd82c7 rgb(253,130,199)
```

Analogous Color

#82fdb9
```
#82fdb9 rgb(130,253,185)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#c7fd82
```
#c7fd82 rgb(199,253,130)
```

Split Complementary Color

#82fdf6
```
#82fdf6 rgb(130,253,246)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#fdf682
```
#fdf682 rgb(253,246,130)
```

Triadic Color

#8289fd
```
#8289fd rgb(130,137,253)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#fdf682
```
#fdf682 rgb(253,246,130)
```
#89fd82
```
#89fd82 rgb(137,253,130)
```

Tetradic Color

#f137fc
```
#f137fc rgb(241,55,252)
```
#f250fc
```
#f250fc rgb(242,80,252)
```
#f469fd
```
#f469fd rgb(244,105,253)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#f89bfd
```
#f89bfd rgb(248,155,253)
```
#fab4fe
```
#fab4fe rgb(250,180,254)
```
#fbcdfe
```
#fbcdfe rgb(251,205,254)
```

Monochromatic Color

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

#d782fd
```
#d782fd rgb(215,130,253)
```
#e282fd
```
#e282fd rgb(226,130,253)
```
#ec82fd
```
#ec82fd rgb(236,130,253)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#fd82fa
```
#fd82fa rgb(253,130,250)
```
#fd82f0
```
#fd82f0 rgb(253,130,240)
```
#fd82e5
```
#fd82e5 rgb(253,130,229)
```

Similar Colors

Text with hexadecimal color #f682fd

This text has a font color of #f682fd.

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

#f682fd background color

This paragraph has a background color of #f682fd.

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

#f682fd border color

This element has a border color of #f682fd.

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

CSS codes

.text {color:#f682fd;}

.background {background-color:#f682fd;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c001d
```
#1c001d rgb(28,0,29)
```
#2e0131
```
#2e0131 rgb(46,1,49)
```
#400144
```
#400144 rgb(64,1,68)
```
#520157
```
#520157 rgb(82,1,87)
```
#65026b
```
#65026b rgb(101,2,107)
```
#77027e
```
#77027e rgb(119,2,126)
```
#890291
```
#890291 rgb(137,2,145)
```
#9b03a5
```
#9b03a5 rgb(155,3,165)
```
#ae03b8
```
#ae03b8 rgb(174,3,184)
```
#c003cb
```
#c003cb rgb(192,3,203)
```
#d204df
```
#d204df rgb(210,4,223)
```
#e404f2
```
#e404f2 rgb(228,4,242)
```

Shade Color Variation

#ee0efb
```
#ee0efb rgb(238,14,251)
```
#ef21fb
```
#ef21fb rgb(239,33,251)
```
#f035fc
```
#f035fc rgb(240,53,252)
```
#f248fc
```
#f248fc rgb(242,72,252)
```
#f35bfc
```
#f35bfc rgb(243,91,252)
```
#f56ffd
```
#f56ffd rgb(245,111,253)
```
#f682fd
```
#f682fd rgb(246,130,253)
```
#f795fd
```
#f795fd rgb(247,149,253)
```
#f9a9fe
```
#f9a9fe rgb(249,169,254)
```
#fabcfe
```
#fabcfe rgb(250,188,254)
```
#fccffe
```
#fccffe rgb(252,207,254)
```
#fde3ff
```
#fde3ff rgb(253,227,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#c2bdc2
```
#c2bdc2 rgb(194,189,194)
```
#c6b8c7
```
#c6b8c7 rgb(198,184,199)
```
#cbb3cc
```
#cbb3cc rgb(203,179,204)
```
#cfaed1
```
#cfaed1 rgb(207,174,209)
```
#d3a9d6
```
#d3a9d6 rgb(211,169,214)
```
#d8a4db
```
#d8a4db rgb(216,164,219)
```
#dc9fe0
```
#dc9fe0 rgb(220,159,224)
```
#e09ae5
```
#e09ae5 rgb(224,154,229)
```
#e596e9
```
#e596e9 rgb(229,150,233)
```
#e991ee
```
#e991ee rgb(233,145,238)
```
#ed8cf3
```
#ed8cf3 rgb(237,140,243)
```
#f287f8
```
#f287f8 rgb(242,135,248)
```
#f682fd
```
#f682fd rgb(246,130,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c0a9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95b0ff Protanopia 1% of men
#9cb0f0 Deuteranopia 1% of men
#ea9da8 Tritanopia 0.001% of the population

Trichromacy

#b89ffe Protanomaly 1% of men, 0.01% of women
#bd9ff5 Deuteranomaly 6% of men, 0.4% of women
#ee93c7 Tritanomaly 0.01% of the population

#f682fd hex color

#f682fd Color Information

#f682fd Color Conversion

Color Schemes with #f682fd

Alternatives to #f682fd

#f682fd Preview

Shades and Tints of #f682fd

Tones of #f682fd

Color Blindness Simulator