#f82552 hex color

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

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

● #f82552 color description : Vivid red.

The hexadecimal color #f82552 has RGB values of R:248, G:37, B:82 and CMYK values of C:0, M:0.85, Y:0.67, K:0.03. Its decimal value is 16262482.

Hex triplet	f82552	`#f82552`
RGB Decimal	248, 37, 82	`rgb(248,37,82)`
RGB Percent	97.3, 14.5, 32.2	`rgb(97.3%,14.5%,32.2%)`
CMYK	0, 85, 67, 3
HSL	347.2°, 93.8, 55.9	`hsl(347.2,93.8%,55.9%)`
HSV (or HSB)	347.2°, 85.1, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.914, 76.123, 30.142
XYZ	40.898, 21.894, 10.055
xyY	0.561, 0.301, 21.894
CIE-LCH	53.914, 81.873, 21.602
CIE-LUV	53.914, 148.364, 17.473
Hunter-Lab	46.791, 74.135, 20.013
Binary	11111000, 00100101, 01010010

#f82552
```
#f82552 rgb(248,37,82)
```
#25f8cb
```
#25f8cb rgb(37,248,203)
```

Complementary Color

#f825bc
```
#f825bc rgb(248,37,188)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#f86225
```
#f86225 rgb(248,98,37)
```

Analogous Color

#25bcf8
```
#25bcf8 rgb(37,188,248)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#25f862
```
#25f862 rgb(37,248,98)
```

Split Complementary Color

#2552f8
```
#2552f8 rgb(37,82,248)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#52f825
```
#52f825 rgb(82,248,37)
```

Triadic Color

#cb25f8
```
#cb25f8 rgb(203,37,248)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#52f825
```
#52f825 rgb(82,248,37)
```
#25f8cb
```
#25f8cb rgb(37,248,203)
```

Tetradic Color

#ca0630
```
#ca0630 rgb(202,6,48)
```
#e30736
```
#e30736 rgb(227,7,54)
```
#f70c3e
```
#f70c3e rgb(247,12,62)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#f93e66
```
#f93e66 rgb(249,62,102)
```
#fa5679
```
#fa5679 rgb(250,86,121)
```
#fa6f8d
```
#fa6f8d rgb(250,111,141)
```

Monochromatic Color

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

#f82587
```
#f82587 rgb(248,37,135)
```
#f82575
```
#f82575 rgb(248,37,117)
```
#f82564
```
#f82564 rgb(248,37,100)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#f82540
```
#f82540 rgb(248,37,64)
```
#f8252f
```
#f8252f rgb(248,37,47)
```
#f82d25
```
#f82d25 rgb(248,45,37)
```

Similar Colors

Text with hexadecimal color #f82552

This text has a font color of #f82552.

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

#f82552 background color

This paragraph has a background color of #f82552.

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

#f82552 border color

This element has a border color of #f82552.

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

CSS codes

.text {color:#f82552;}

.background {background-color:#f82552;}

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

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

#0a0002
```
#0a0002 rgb(10,0,2)
```
#1d0107
```
#1d0107 rgb(29,1,7)
```
#30020b
```
#30020b rgb(48,2,11)
```
#430210
```
#430210 rgb(67,2,16)
```
#560315
```
#560315 rgb(86,3,21)
```
#690319
```
#690319 rgb(105,3,25)
```
#7c041e
```
#7c041e rgb(124,4,30)
```
#8f0522
```
#8f0522 rgb(143,5,34)
```
#a20527
```
#a20527 rgb(162,5,39)
```
#b5062b
```
#b5062b rgb(181,6,43)
```
#c80630
```
#c80630 rgb(200,6,48)
```
#db0734
```
#db0734 rgb(219,7,52)
```
#ee0839
```
#ee0839 rgb(238,8,57)
```

Shade Color Variation

#f71243
```
#f71243 rgb(247,18,67)
```
#f82552
```
#f82552 rgb(248,37,82)
```
#f93861
```
#f93861 rgb(249,56,97)
```
#f94b70
```
#f94b70 rgb(249,75,112)
```
#fa5e7f
```
#fa5e7f rgb(250,94,127)
```
#fa718e
```
#fa718e rgb(250,113,142)
```
#fb849d
```
#fb849d rgb(251,132,157)
```
#fc97ac
```
#fc97ac rgb(252,151,172)
```
#fcaabc
```
#fcaabc rgb(252,170,188)
```
#fdbdcb
```
#fdbdcb rgb(253,189,203)
```
#fdd0da
```
#fdd0da rgb(253,208,218)
```
#fee3e9
```
#fee3e9 rgb(254,227,233)
```
#fff6f8
```
#fff6f8 rgb(255,246,248)
```

Tint Color Variation

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

#908d8e
```
#908d8e rgb(144,141,142)
```
#998489
```
#998489 rgb(153,132,137)
```
#a17c84
```
#a17c84 rgb(161,124,132)
```
#aa737f
```
#aa737f rgb(170,115,127)
```
#b36a7a
```
#b36a7a rgb(179,106,122)
```
#bb6275
```
#bb6275 rgb(187,98,117)
```
#c45970
```
#c45970 rgb(196,89,112)
```
#cd506b
```
#cd506b rgb(205,80,107)
```
#d54866
```
#d54866 rgb(213,72,102)
```
#de3f61
```
#de3f61 rgb(222,63,97)
```
#e7365c
```
#e7365c rgb(231,54,92)
```
#ef2e57
```
#ef2e57 rgb(239,46,87)
```
#f82552
```
#f82552 rgb(248,37,82)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#865b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8778 Protanopia 1% of men
#a4814d Deuteranopia 1% of men
#f73838 Tritanopia 0.001% of the population

Trichromacy

#b4636a Protanomaly 1% of men, 0.01% of women
#c25f4f Deuteranomaly 6% of men, 0.4% of women
#f73142 Tritanomaly 0.01% of the population

#f82552 hex color

#f82552 Color Information

#f82552 Color Conversion

Color Schemes with #f82552

Alternatives to #f82552

#f82552 Preview

Shades and Tints of #f82552

Tones of #f82552

Color Blindness Simulator