#f82580 hex color

In a RGB color space, hex #f82580 is composed of 97.3% red, 14.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 334.1 degrees, a saturation of 93.8% and a lightness of 55.9%. #f82580 color hex could be obtained by blending #ff4aff with #f10001. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 15
- B 50
RGB color chart
- C 0
- M 85
- Y 48
- K 3
CMYK color chart

● #f82580 color description : Vivid pink.

The hexadecimal color #f82580 has RGB values of R:248, G:37, B:128 and CMYK values of C:0, M:0.85, Y:0.48, K:0.03. Its decimal value is 16262528.

Hex triplet	f82580	`#f82580`
RGB Decimal	248, 37, 128	`rgb(248,37,128)`
RGB Percent	97.3, 14.5, 50.2	`rgb(97.3%,14.5%,50.2%)`
CMYK	0, 85, 48, 3
HSL	334.1°, 93.8, 55.9	`hsl(334.1,93.8%,55.9%)`
HSV (or HSB)	334.1°, 85.1, 97.3
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.91, 78.993, 3.927
XYZ	43.271, 22.843, 22.552
xyY	0.488, 0.258, 22.843
CIE-LCH	54.91, 79.091, 2.846
CIE-LUV	54.91, 131.175, -10.759
Hunter-Lab	47.794, 77.965, 5.48
Binary	11111000, 00100101, 10000000

#f82580
```
#f82580 rgb(248,37,128)
```
#25f89d
```
#25f89d rgb(37,248,157)
```

Complementary Color

#f825ea
```
#f825ea rgb(248,37,234)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#f83425
```
#f83425 rgb(248,52,37)
```

Analogous Color

#25eaf8
```
#25eaf8 rgb(37,234,248)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#25f834
```
#25f834 rgb(37,248,52)
```

Split Complementary Color

#2580f8
```
#2580f8 rgb(37,128,248)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#80f825
```
#80f825 rgb(128,248,37)
```

Triadic Color

#9d25f8
```
#9d25f8 rgb(157,37,248)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#80f825
```
#80f825 rgb(128,248,37)
```
#25f89d
```
#25f89d rgb(37,248,157)
```

Tetradic Color

#ca065b
```
#ca065b rgb(202,6,91)
```
#e30766
```
#e30766 rgb(227,7,102)
```
#f70c72
```
#f70c72 rgb(247,12,114)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#f93e8e
```
#f93e8e rgb(249,62,142)
```
#fa569d
```
#fa569d rgb(250,86,157)
```
#fa6fab
```
#fa6fab rgb(250,111,171)
```

Monochromatic Color

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

#f825b5
```
#f825b5 rgb(248,37,181)
```
#f825a3
```
#f825a3 rgb(248,37,163)
```
#f82592
```
#f82592 rgb(248,37,146)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#f8256e
```
#f8256e rgb(248,37,110)
```
#f8255d
```
#f8255d rgb(248,37,93)
```
#f8254b
```
#f8254b rgb(248,37,75)
```

Similar Colors

Text with hexadecimal color #f82580

This text has a font color of #f82580.

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

#f82580 background color

This paragraph has a background color of #f82580.

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

#f82580 border color

This element has a border color of #f82580.

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

CSS codes

.text {color:#f82580;}

.background {background-color:#f82580;}

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

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

#0a0005
```
#0a0005 rgb(10,0,5)
```
#1d010d
```
#1d010d rgb(29,1,13)
```
#300216
```
#300216 rgb(48,2,22)
```
#43021e
```
#43021e rgb(67,2,30)
```
#560327
```
#560327 rgb(86,3,39)
```
#69032f
```
#69032f rgb(105,3,47)
```
#7c0438
```
#7c0438 rgb(124,4,56)
```
#8f0540
```
#8f0540 rgb(143,5,64)
```
#a20549
```
#a20549 rgb(162,5,73)
```
#b50651
```
#b50651 rgb(181,6,81)
```
#c8065a
```
#c8065a rgb(200,6,90)
```
#db0763
```
#db0763 rgb(219,7,99)
```
#ee086b
```
#ee086b rgb(238,8,107)
```

Shade Color Variation

#f71275
```
#f71275 rgb(247,18,117)
```
#f82580
```
#f82580 rgb(248,37,128)
```
#f9388b
```
#f9388b rgb(249,56,139)
```
#f94b96
```
#f94b96 rgb(249,75,150)
```
#fa5ea1
```
#fa5ea1 rgb(250,94,161)
```
#fa71ac
```
#fa71ac rgb(250,113,172)
```
#fb84b7
```
#fb84b7 rgb(251,132,183)
```
#fc97c2
```
#fc97c2 rgb(252,151,194)
```
#fcaace
```
#fcaace rgb(252,170,206)
```
#fdbdd9
```
#fdbdd9 rgb(253,189,217)
```
#fdd0e4
```
#fdd0e4 rgb(253,208,228)
```
#fee3ef
```
#fee3ef rgb(254,227,239)
```
#fff6fa
```
#fff6fa rgb(255,246,250)
```

Tint Color Variation

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

#908d8e
```
#908d8e rgb(144,141,142)
```
#99848d
```
#99848d rgb(153,132,141)
```
#a17c8c
```
#a17c8c rgb(161,124,140)
```
#aa738b
```
#aa738b rgb(170,115,139)
```
#b36a8a
```
#b36a8a rgb(179,106,138)
```
#bb6288
```
#bb6288 rgb(187,98,136)
```
#c45987
```
#c45987 rgb(196,89,135)
```
#cd5086
```
#cd5086 rgb(205,80,134)
```
#d54885
```
#d54885 rgb(213,72,133)
```
#de3f84
```
#de3f84 rgb(222,63,132)
```
#e73682
```
#e73682 rgb(231,54,130)
```
#ef2e81
```
#ef2e81 rgb(239,46,129)
```
#f82580
```
#f82580 rgb(248,37,128)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8a5f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e88af Protanopia 1% of men
#9c8578 Deuteranopia 1% of men
#f54547 Tritanopia 0.001% of the population

Trichromacy

#aa649d Protanomaly 1% of men, 0.01% of women
#be627b Deuteranomaly 6% of men, 0.4% of women
#f6395c Tritanomaly 0.01% of the population

#f82580 hex color

#f82580 Color Information

#f82580 Color Conversion

Color Schemes with #f82580

Alternatives to #f82580

#f82580 Preview

Shades and Tints of #f82580

Tones of #f82580

Color Blindness Simulator