#f82bf4 hex color

In a RGB color space, hex #f82bf4 is composed of 97.3% red, 16.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 1.6% yellow and 2.7% black. It has a hue angle of 301.2 degrees, a saturation of 93.6% and a lightness of 57.1%. #f82bf4 color hex could be obtained by blending #ff56ff with #f100e9. Closest websafe color is: #ff33ff.

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

● #f82bf4 color description : Bright magenta.

The hexadecimal color #f82bf4 has RGB values of R:248, G:43, B:244 and CMYK values of C:0, M:0.83, Y:0.02, K:0.03. Its decimal value is 16264180.

Hex triplet	f82bf4	`#f82bf4`
RGB Decimal	248, 43, 244	`rgb(248,43,244)`
RGB Percent	97.3, 16.9, 95.7	`rgb(97.3%,16.9%,95.7%)`
CMYK	0, 83, 2, 3
HSL	301.2°, 93.6, 57.1	`hsl(301.2,93.6%,57.1%)`
HSV (or HSB)	301.2°, 82.7, 97.3
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.087, 90.965, -55.173
XYZ	55.903, 28.22, 88.086
xyY	0.325, 0.164, 28.22
CIE-LCH	60.087, 106.389, 328.762
CIE-LUV	60.087, 80.406, -98.984
Hunter-Lab	53.122, 94.881, -61.127
Binary	11111000, 00101011, 11110100

#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#2bf82f
```
#2bf82f rgb(43,248,47)
```

Complementary Color

#962bf8
```
#962bf8 rgb(150,43,248)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#f82b8e
```
#f82b8e rgb(248,43,142)
```

Analogous Color

#2bf896
```
#2bf896 rgb(43,248,150)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#8ef82b
```
#8ef82b rgb(142,248,43)
```

Split Complementary Color

#2bf4f8
```
#2bf4f8 rgb(43,244,248)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#f4f82b
```
#f4f82b rgb(244,248,43)
```

Triadic Color

#2f2bf8
```
#2f2bf8 rgb(47,43,248)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#f4f82b
```
#f4f82b rgb(244,248,43)
```
#2bf82f
```
#2bf82f rgb(43,248,47)
```

Tetradic Color

#d007cc
```
#d007cc rgb(208,7,204)
```
#e808e4
```
#e808e4 rgb(232,8,228)
```
#f712f3
```
#f712f3 rgb(247,18,243)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#f944f5
```
#f944f5 rgb(249,68,245)
```
#fa5cf7
```
#fa5cf7 rgb(250,92,247)
```
#fa75f8
```
#fa75f8 rgb(250,117,248)
```

Monochromatic Color

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

#c92bf8
```
#c92bf8 rgb(201,43,248)
```
#da2bf8
```
#da2bf8 rgb(218,43,248)
```
#eb2bf8
```
#eb2bf8 rgb(235,43,248)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#f82be3
```
#f82be3 rgb(248,43,227)
```
#f82bd2
```
#f82bd2 rgb(248,43,210)
```
#f82bc1
```
#f82bc1 rgb(248,43,193)
```

Similar Colors

Text with hexadecimal color #f82bf4

This text has a font color of #f82bf4.

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

#f82bf4 background color

This paragraph has a background color of #f82bf4.

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

#f82bf4 border color

This element has a border color of #f82bf4.

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

CSS codes

.text {color:#f82bf4;}

.background {background-color:#f82bf4;}

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

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

#100110
```
#100110 rgb(16,1,16)
```
#230122
```
#230122 rgb(35,1,34)
```
#360235
```
#360235 rgb(54,2,53)
```
#490247
```
#490247 rgb(73,2,71)
```
#5c035a
```
#5c035a rgb(92,3,90)
```
#6f046d
```
#6f046d rgb(111,4,109)
```
#82047f
```
#82047f rgb(130,4,127)
```
#950592
```
#950592 rgb(149,5,146)
```
#a806a5
```
#a806a5 rgb(168,6,165)
```
#bb06b7
```
#bb06b7 rgb(187,6,183)
```
#ce07ca
```
#ce07ca rgb(206,7,202)
```
#e107dc
```
#e107dc rgb(225,7,220)
```
#f408ef
```
#f408ef rgb(244,8,239)
```

Shade Color Variation

#f718f3
```
#f718f3 rgb(247,24,243)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```
#f93ef5
```
#f93ef5 rgb(249,62,245)
```
#f951f6
```
#f951f6 rgb(249,81,246)
```
#fa64f7
```
#fa64f7 rgb(250,100,247)
```
#fb77f8
```
#fb77f8 rgb(251,119,248)
```
#fb8af9
```
#fb8af9 rgb(251,138,249)
```
#fc9dfa
```
#fc9dfa rgb(252,157,250)
```
#fcb0fb
```
#fcb0fb rgb(252,176,251)
```
#fdc3fc
```
#fdc3fc rgb(253,195,252)
```
#fed6fd
```
#fed6fd rgb(254,214,253)
```
#fee9fe
```
#fee9fe rgb(254,233,254)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#939093
```
#939093 rgb(147,144,147)
```
#9b889b
```
#9b889b rgb(155,136,155)
```
#a47fa3
```
#a47fa3 rgb(164,127,163)
```
#ac77ab
```
#ac77ab rgb(172,119,171)
```
#b56eb3
```
#b56eb3 rgb(181,110,179)
```
#bd66bb
```
#bd66bb rgb(189,102,187)
```
#c55ec3
```
#c55ec3 rgb(197,94,195)
```
#ce55cc
```
#ce55cc rgb(206,85,204)
```
#d64dd4
```
#d64dd4 rgb(214,77,212)
```
#df44dc
```
#df44dc rgb(223,68,220)
```
#e73ce4
```
#e73ce4 rgb(231,60,228)
```
#f033ec
```
#f033ec rgb(240,51,236)
```
#f82bf4
```
#f82bf4 rgb(248,43,244)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#976e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b93ff Protanopia 1% of men
#6e96df Deuteranopia 1% of men
#e96f76 Tritanopia 0.001% of the population

Trichromacy

#946dfb Protanomaly 1% of men, 0.01% of women
#a06fe6 Deuteranomaly 6% of men, 0.4% of women
#ee56a4 Tritanomaly 0.01% of the population

#f82bf4 hex color

#f82bf4 Color Information

#f82bf4 Color Conversion

Color Schemes with #f82bf4

Alternatives to #f82bf4

#f82bf4 Preview

Shades and Tints of #f82bf4

Tones of #f82bf4

Color Blindness Simulator