#f82886 hex color

In a RGB color space, hex #f82886 is composed of 97.3% red, 15.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 46% yellow and 2.7% black. It has a hue angle of 332.9 degrees, a saturation of 93.7% and a lightness of 56.5%. #f82886 color hex could be obtained by blending #ff50ff with #f1000d. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 16
- B 53
RGB color chart
- C 0
- M 84
- Y 46
- K 3
CMYK color chart

● #f82886 color description : Bright pink.

The hexadecimal color #f82886 has RGB values of R:248, G:40, B:134 and CMYK values of C:0, M:0.84, Y:0.46, K:0.03. Its decimal value is 16263302.

Hex triplet	f82886	`#f82886`
RGB Decimal	248, 40, 134	`rgb(248,40,134)`
RGB Percent	97.3, 15.7, 52.5	`rgb(97.3%,15.7%,52.5%)`
CMYK	0, 84, 46, 3
HSL	332.9°, 93.7, 56.5	`hsl(332.9,93.7%,56.5%)`
HSV (or HSB)	332.9°, 83.9, 97.3
Web Safe	ff3399	`#ff3399`

CIE-LAB	55.278, 78.896, 0.874
XYZ	43.775, 23.2, 24.726
xyY	0.477, 0.253, 23.2
CIE-LCH	55.278, 78.901, 0.635
CIE-LUV	55.278, 127.873, -14.531
Hunter-Lab	48.166, 77.933, 3.28
Binary	11111000, 00101000, 10000110

#f82886
```
#f82886 rgb(248,40,134)
```
#28f89a
```
#28f89a rgb(40,248,154)
```

Complementary Color

#f828ee
```
#f828ee rgb(248,40,238)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#f83228
```
#f83228 rgb(248,50,40)
```

Analogous Color

#28eef8
```
#28eef8 rgb(40,238,248)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#28f832
```
#28f832 rgb(40,248,50)
```

Split Complementary Color

#2886f8
```
#2886f8 rgb(40,134,248)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#86f828
```
#86f828 rgb(134,248,40)
```

Triadic Color

#9a28f8
```
#9a28f8 rgb(154,40,248)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#86f828
```
#86f828 rgb(134,248,40)
```
#28f89a
```
#28f89a rgb(40,248,154)
```

Tetradic Color

#cd0760
```
#cd0760 rgb(205,7,96)
```
#e6076c
```
#e6076c rgb(230,7,108)
```
#f70f78
```
#f70f78 rgb(247,15,120)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#f94194
```
#f94194 rgb(249,65,148)
```
#fa59a2
```
#fa59a2 rgb(250,89,162)
```
#fa72b0
```
#fa72b0 rgb(250,114,176)
```

Monochromatic Color

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

#f828ba
```
#f828ba rgb(248,40,186)
```
#f828a9
```
#f828a9 rgb(248,40,169)
```
#f82897
```
#f82897 rgb(248,40,151)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#f82875
```
#f82875 rgb(248,40,117)
```
#f82863
```
#f82863 rgb(248,40,99)
```
#f82852
```
#f82852 rgb(248,40,82)
```

Similar Colors

Text with hexadecimal color #f82886

This text has a font color of #f82886.

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

#f82886 background color

This paragraph has a background color of #f82886.

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

#f82886 border color

This element has a border color of #f82886.

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

CSS codes

.text {color:#f82886;}

.background {background-color:#f82886;}

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

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

#0d0006
```
#0d0006 rgb(13,0,6)
```
#20010f
```
#20010f rgb(32,1,15)
```
#330218
```
#330218 rgb(51,2,24)
```
#460221
```
#460221 rgb(70,2,33)
```
#59032a
```
#59032a rgb(89,3,42)
```
#6c0433
```
#6c0433 rgb(108,4,51)
```
#7f043c
```
#7f043c rgb(127,4,60)
```
#920545
```
#920545 rgb(146,5,69)
```
#a5054d
```
#a5054d rgb(165,5,77)
```
#b80656
```
#b80656 rgb(184,6,86)
```
#cb075f
```
#cb075f rgb(203,7,95)
```
#de0768
```
#de0768 rgb(222,7,104)
```
#f10871
```
#f10871 rgb(241,8,113)
```

Shade Color Variation

#f7157b
```
#f7157b rgb(247,21,123)
```
#f82886
```
#f82886 rgb(248,40,134)
```
#f93b91
```
#f93b91 rgb(249,59,145)
```
#f94e9b
```
#f94e9b rgb(249,78,155)
```
#fa61a6
```
#fa61a6 rgb(250,97,166)
```
#fa74b1
```
#fa74b1 rgb(250,116,177)
```
#fb87bb
```
#fb87bb rgb(251,135,187)
```
#fc9ac6
```
#fc9ac6 rgb(252,154,198)
```
#fcadd1
```
#fcadd1 rgb(252,173,209)
```
#fdc0dc
```
#fdc0dc rgb(253,192,220)
```
#fed3e6
```
#fed3e6 rgb(254,211,230)
```
#fee6f1
```
#fee6f1 rgb(254,230,241)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#928e90
```
#928e90 rgb(146,142,144)
```
#9a868f
```
#9a868f rgb(154,134,143)
```
#a37d8e
```
#a37d8e rgb(163,125,142)
```
#ab758d
```
#ab758d rgb(171,117,141)
```
#b46c8d
```
#b46c8d rgb(180,108,141)
```
#bc648c
```
#bc648c rgb(188,100,140)
```
#c55b8b
```
#c55b8b rgb(197,91,139)
```
#cd538a
```
#cd538a rgb(205,83,138)
```
#d64a89
```
#d64a89 rgb(214,74,137)
```
#de4288
```
#de4288 rgb(222,66,136)
```
#e73988
```
#e73988 rgb(231,57,136)
```
#ef3187
```
#ef3187 rgb(239,49,135)
```
#f82886
```
#f82886 rgb(248,40,134)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8c6275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d89b5 Protanopia 1% of men
#9c867e Deuteranopia 1% of men
#f4484b Tritanopia 0.001% of the population

Trichromacy

#a965a4 Protanomaly 1% of men, 0.01% of women
#bd6381 Deuteranomaly 6% of men, 0.4% of women
#f53c60 Tritanomaly 0.01% of the population

#f82886 hex color

#f82886 Color Information

#f82886 Color Conversion

Color Schemes with #f82886

Alternatives to #f82886

#f82886 Preview

Shades and Tints of #f82886

Tones of #f82886

Color Blindness Simulator