#f82570 hex color

In a RGB color space, hex #f82570 is composed of 97.3% red, 14.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 54.8% yellow and 2.7% black. It has a hue angle of 338.7 degrees, a saturation of 93.8% and a lightness of 55.9%. #f82570 color hex could be obtained by blending #ff4ae0 with #f10000. Closest websafe color is: #ff3366.

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

● #f82570 color description : Vivid pink.

The hexadecimal color #f82570 has RGB values of R:248, G:37, B:112 and CMYK values of C:0, M:0.85, Y:0.55, K:0.03. Its decimal value is 16262512.

Hex triplet	f82570	`#f82570`
RGB Decimal	248, 37, 112	`rgb(248,37,112)`
RGB Percent	97.3, 14.5, 43.9	`rgb(97.3%,14.5%,43.9%)`
CMYK	0, 85, 55, 3
HSL	338.7°, 93.8, 55.9	`hsl(338.7,93.8%,55.9%)`
HSV (or HSB)	338.7°, 85.1, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.506, 77.836, 12.956
XYZ	42.299, 22.454, 17.435
xyY	0.515, 0.273, 22.454
CIE-LCH	54.506, 78.907, 9.451
CIE-LUV	54.506, 137.709, 0.065
Hunter-Lab	47.386, 76.413, 11.355
Binary	11111000, 00100101, 01110000

#f82570
```
#f82570 rgb(248,37,112)
```
#25f8ad
```
#25f8ad rgb(37,248,173)
```

Complementary Color

#f825da
```
#f825da rgb(248,37,218)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#f84425
```
#f84425 rgb(248,68,37)
```

Analogous Color

#25daf8
```
#25daf8 rgb(37,218,248)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#25f844
```
#25f844 rgb(37,248,68)
```

Split Complementary Color

#2570f8
```
#2570f8 rgb(37,112,248)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#70f825
```
#70f825 rgb(112,248,37)
```

Triadic Color

#ad25f8
```
#ad25f8 rgb(173,37,248)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#70f825
```
#70f825 rgb(112,248,37)
```
#25f8ad
```
#25f8ad rgb(37,248,173)
```

Tetradic Color

#ca064c
```
#ca064c rgb(202,6,76)
```
#e30755
```
#e30755 rgb(227,7,85)
```
#f70c60
```
#f70c60 rgb(247,12,96)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#f93e80
```
#f93e80 rgb(249,62,128)
```
#fa5690
```
#fa5690 rgb(250,86,144)
```
#fa6fa1
```
#fa6fa1 rgb(250,111,161)
```

Monochromatic Color

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

#f825a5
```
#f825a5 rgb(248,37,165)
```
#f82593
```
#f82593 rgb(248,37,147)
```
#f82582
```
#f82582 rgb(248,37,130)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#f8255e
```
#f8255e rgb(248,37,94)
```
#f8254d
```
#f8254d rgb(248,37,77)
```
#f8253b
```
#f8253b rgb(248,37,59)
```

Similar Colors

Text with hexadecimal color #f82570

This text has a font color of #f82570.

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

#f82570 background color

This paragraph has a background color of #f82570.

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

#f82570 border color

This element has a border color of #f82570.

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

CSS codes

.text {color:#f82570;}

.background {background-color:#f82570;}

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

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

#0a0004
```
#0a0004 rgb(10,0,4)
```
#1d010b
```
#1d010b rgb(29,1,11)
```
#300212
```
#300212 rgb(48,2,18)
```
#430219
```
#430219 rgb(67,2,25)
```
#560320
```
#560320 rgb(86,3,32)
```
#690328
```
#690328 rgb(105,3,40)
```
#7c042f
```
#7c042f rgb(124,4,47)
```
#8f0536
```
#8f0536 rgb(143,5,54)
```
#a2053d
```
#a2053d rgb(162,5,61)
```
#b50644
```
#b50644 rgb(181,6,68)
```
#c8064b
```
#c8064b rgb(200,6,75)
```
#db0752
```
#db0752 rgb(219,7,82)
```
#ee085a
```
#ee085a rgb(238,8,90)
```

Shade Color Variation

#f71264
```
#f71264 rgb(247,18,100)
```
#f82570
```
#f82570 rgb(248,37,112)
```
#f9387c
```
#f9387c rgb(249,56,124)
```
#f94b89
```
#f94b89 rgb(249,75,137)
```
#fa5e95
```
#fa5e95 rgb(250,94,149)
```
#fa71a2
```
#fa71a2 rgb(250,113,162)
```
#fb84ae
```
#fb84ae rgb(251,132,174)
```
#fc97bb
```
#fc97bb rgb(252,151,187)
```
#fcaac7
```
#fcaac7 rgb(252,170,199)
```
#fdbdd4
```
#fdbdd4 rgb(253,189,212)
```
#fdd0e0
```
#fdd0e0 rgb(253,208,224)
```
#fee3ed
```
#fee3ed rgb(254,227,237)
```
#fff6f9
```
#fff6f9 rgb(255,246,249)
```

Tint Color Variation

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

#908d8e
```
#908d8e rgb(144,141,142)
```
#99848c
```
#99848c rgb(153,132,140)
```
#a17c89
```
#a17c89 rgb(161,124,137)
```
#aa7387
```
#aa7387 rgb(170,115,135)
```
#b36a84
```
#b36a84 rgb(179,106,132)
```
#bb6282
```
#bb6282 rgb(187,98,130)
```
#c4597f
```
#c4597f rgb(196,89,127)
```
#cd507d
```
#cd507d rgb(205,80,125)
```
#d5487a
```
#d5487a rgb(213,72,122)
```
#de3f78
```
#de3f78 rgb(222,63,120)
```
#e73675
```
#e73675 rgb(231,54,117)
```
#ef2e73
```
#ef2e73 rgb(239,46,115)
```
#f82570
```
#f82570 rgb(248,37,112)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#895f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#85879b Protanopia 1% of men
#9f836a Deuteranopia 1% of men
#f54042 Tritanopia 0.001% of the population

Trichromacy

#ae638b Protanomaly 1% of men, 0.01% of women
#bf616c Deuteranomaly 6% of men, 0.4% of women
#f63652 Tritanomaly 0.01% of the population

#f82570 hex color

#f82570 Color Information

#f82570 Color Conversion

Color Schemes with #f82570

Alternatives to #f82570

#f82570 Preview

Shades and Tints of #f82570

Tones of #f82570

Color Blindness Simulator