#f82770 hex color

In a RGB color space, hex #f82770 is composed of 97.3% red, 15.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.3% magenta, 54.8% yellow and 2.7% black. It has a hue angle of 339 degrees, a saturation of 93.7% and a lightness of 56.3%. #f82770 color hex could be obtained by blending #ff4ee0 with #f10000. Closest websafe color is: #ff3366.

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

● #f82770 color description : Bright pink.

The hexadecimal color #f82770 has RGB values of R:248, G:39, B:112 and CMYK values of C:0, M:0.84, Y:0.55, K:0.03. Its decimal value is 16263024.

Hex triplet	f82770	`#f82770`
RGB Decimal	248, 39, 112	`rgb(248,39,112)`
RGB Percent	97.3, 15.3, 43.9	`rgb(97.3%,15.3%,43.9%)`
CMYK	0, 84, 55, 3
HSL	339°, 93.7, 56.3	`hsl(339,93.7%,56.3%)`
HSV (or HSB)	339°, 84.3, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.639, 77.452, 13.142
XYZ	42.363, 22.582, 17.457
xyY	0.514, 0.274, 22.582
CIE-LCH	54.639, 78.559, 9.63
CIE-LUV	54.639, 137.15, 0.381
Hunter-Lab	47.521, 75.965, 11.485
Binary	11111000, 00100111, 01110000

#f82770
```
#f82770 rgb(248,39,112)
```
#27f8af
```
#27f8af rgb(39,248,175)
```

Complementary Color

#f827d9
```
#f827d9 rgb(248,39,217)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#f84727
```
#f84727 rgb(248,71,39)
```

Analogous Color

#27d9f8
```
#27d9f8 rgb(39,217,248)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#27f847
```
#27f847 rgb(39,248,71)
```

Split Complementary Color

#2770f8
```
#2770f8 rgb(39,112,248)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#70f827
```
#70f827 rgb(112,248,39)
```

Triadic Color

#af27f8
```
#af27f8 rgb(175,39,248)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#70f827
```
#70f827 rgb(112,248,39)
```
#27f8af
```
#27f8af rgb(39,248,175)
```

Tetradic Color

#cc074c
```
#cc074c rgb(204,7,76)
```
#e50755
```
#e50755 rgb(229,7,85)
```
#f70e60
```
#f70e60 rgb(247,14,96)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#f94080
```
#f94080 rgb(249,64,128)
```
#fa5891
```
#fa5891 rgb(250,88,145)
```
#fa71a1
```
#fa71a1 rgb(250,113,161)
```

Monochromatic Color

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

#f827a4
```
#f827a4 rgb(248,39,164)
```
#f82793
```
#f82793 rgb(248,39,147)
```
#f82781
```
#f82781 rgb(248,39,129)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#f8275f
```
#f8275f rgb(248,39,95)
```
#f8274d
```
#f8274d rgb(248,39,77)
```
#f8273c
```
#f8273c rgb(248,39,60)
```

Similar Colors

Text with hexadecimal color #f82770

This text has a font color of #f82770.

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

#f82770 background color

This paragraph has a background color of #f82770.

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

#f82770 border color

This element has a border color of #f82770.

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

CSS codes

.text {color:#f82770;}

.background {background-color:#f82770;}

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

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

#0c0004
```
#0c0004 rgb(12,0,4)
```
#1f010b
```
#1f010b rgb(31,1,11)
```
#320213
```
#320213 rgb(50,2,19)
```
#45021a
```
#45021a rgb(69,2,26)
```
#580321
```
#580321 rgb(88,3,33)
```
#6b0328
```
#6b0328 rgb(107,3,40)
```
#7e042f
```
#7e042f rgb(126,4,47)
```
#910536
```
#910536 rgb(145,5,54)
```
#a4053d
```
#a4053d rgb(164,5,61)
```
#b70644
```
#b70644 rgb(183,6,68)
```
#ca074b
```
#ca074b rgb(202,7,75)
```
#dd0752
```
#dd0752 rgb(221,7,82)
```
#f00859
```
#f00859 rgb(240,8,89)
```

Shade Color Variation

#f71463
```
#f71463 rgb(247,20,99)
```
#f82770
```
#f82770 rgb(248,39,112)
```
#f93a7d
```
#f93a7d rgb(249,58,125)
```
#f94d89
```
#f94d89 rgb(249,77,137)
```
#fa6096
```
#fa6096 rgb(250,96,150)
```
#fa73a2
```
#fa73a2 rgb(250,115,162)
```
#fb86af
```
#fb86af rgb(251,134,175)
```
#fc99bb
```
#fc99bb rgb(252,153,187)
```
#fcacc8
```
#fcacc8 rgb(252,172,200)
```
#fdbfd5
```
#fdbfd5 rgb(253,191,213)
```
#fed2e1
```
#fed2e1 rgb(254,210,225)
```
#fee5ee
```
#fee5ee rgb(254,229,238)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#918e8f
```
#918e8f rgb(145,142,143)
```
#9a858c
```
#9a858c rgb(154,133,140)
```
#a27d8a
```
#a27d8a rgb(162,125,138)
```
#ab7487
```
#ab7487 rgb(171,116,135)
```
#b36c85
```
#b36c85 rgb(179,108,133)
```
#bc6382
```
#bc6382 rgb(188,99,130)
```
#c55a80
```
#c55a80 rgb(197,90,128)
```
#cd527d
```
#cd527d rgb(205,82,125)
```
#d6497a
```
#d6497a rgb(214,73,122)
```
#de4178
```
#de4178 rgb(222,65,120)
```
#e73875
```
#e73875 rgb(231,56,117)
```
#ef3073
```
#ef3073 rgb(239,48,115)
```
#f82770
```
#f82770 rgb(248,39,112)
```

Tone Color Variation

Below, you can see how #f82770 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
#8a606e Atypical Achromatopsia 0.001% of the population

Dichromacy

#85889b Protanopia 1% of men
#a0836a Deuteranopia 1% of men
#f64143 Tritanopia 0.001% of the population

Trichromacy

#af648b Protanomaly 1% of men, 0.01% of women
#c0626c Deuteranomaly 6% of men, 0.4% of women
#f63853 Tritanomaly 0.01% of the population

#f82770 hex color

#f82770 Color Information

#f82770 Color Conversion

Color Schemes with #f82770

Alternatives to #f82770

#f82770 Preview

Shades and Tints of #f82770

Tones of #f82770

Color Blindness Simulator