#f82525 hex color

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

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

● #f82525 color description : Vivid red.

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

Hex triplet	f82525	`#f82525`
RGB Decimal	248, 37, 37	`rgb(248,37,37)`
RGB Percent	97.3, 14.5, 14.5	`rgb(97.3%,14.5%,14.5%)`
CMYK	0, 85, 85, 3
HSL	0°, 93.8, 55.9	`hsl(0,93.8%,55.9%)`
HSV (or HSB)	0°, 85.1, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.404, 74.627, 54.341
XYZ	39.709, 21.418, 3.794
xyY	0.612, 0.33, 21.418
CIE-LCH	53.404, 92.315, 36.061
CIE-LUV	53.404, 158.791, 34.256
Hunter-Lab	46.28, 72.166, 27.536
Binary	11111000, 00100101, 00100101

#f82525
```
#f82525 rgb(248,37,37)
```
#25f8f8
```
#25f8f8 rgb(37,248,248)
```

Complementary Color

#f8258f
```
#f8258f rgb(248,37,143)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#f88f25
```
#f88f25 rgb(248,143,37)
```

Analogous Color

#258ff8
```
#258ff8 rgb(37,143,248)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#25f88f
```
#25f88f rgb(37,248,143)
```

Split Complementary Color

#2525f8
```
#2525f8 rgb(37,37,248)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#25f825
```
#25f825 rgb(37,248,37)
```

Triadic Color

#f825f8
```
#f825f8 rgb(248,37,248)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#25f825
```
#25f825 rgb(37,248,37)
```
#25f8f8
```
#25f8f8 rgb(37,248,248)
```

Tetradic Color

#ca0606
```
#ca0606 rgb(202,6,6)
```
#e30707
```
#e30707 rgb(227,7,7)
```
#f70c0c
```
#f70c0c rgb(247,12,12)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#f93e3e
```
#f93e3e rgb(249,62,62)
```
#fa5656
```
#fa5656 rgb(250,86,86)
```
#fa6f6f
```
#fa6f6f rgb(250,111,111)
```

Monochromatic Color

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

#f8255a
```
#f8255a rgb(248,37,90)
```
#f82548
```
#f82548 rgb(248,37,72)
```
#f82537
```
#f82537 rgb(248,37,55)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#f83725
```
#f83725 rgb(248,55,37)
```
#f84825
```
#f84825 rgb(248,72,37)
```
#f85a25
```
#f85a25 rgb(248,90,37)
```

Similar Colors

Text with hexadecimal color #f82525

This text has a font color of #f82525.

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

#f82525 background color

This paragraph has a background color of #f82525.

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

#f82525 border color

This element has a border color of #f82525.

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

CSS codes

.text {color:#f82525;}

.background {background-color:#f82525;}

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

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

#0a0000
```
#0a0000 rgb(10,0,0)
```
#1d0101
```
#1d0101 rgb(29,1,1)
```
#300202
```
#300202 rgb(48,2,2)
```
#430202
```
#430202 rgb(67,2,2)
```
#560303
```
#560303 rgb(86,3,3)
```
#690303
```
#690303 rgb(105,3,3)
```
#7c0404
```
#7c0404 rgb(124,4,4)
```
#8f0505
```
#8f0505 rgb(143,5,5)
```
#a20505
```
#a20505 rgb(162,5,5)
```
#b50606
```
#b50606 rgb(181,6,6)
```
#c80606
```
#c80606 rgb(200,6,6)
```
#db0707
```
#db0707 rgb(219,7,7)
```
#ee0808
```
#ee0808 rgb(238,8,8)
```

Shade Color Variation

#f71212
```
#f71212 rgb(247,18,18)
```
#f82525
```
#f82525 rgb(248,37,37)
```
#f93838
```
#f93838 rgb(249,56,56)
```
#f94b4b
```
#f94b4b rgb(249,75,75)
```
#fa5e5e
```
#fa5e5e rgb(250,94,94)
```
#fa7171
```
#fa7171 rgb(250,113,113)
```
#fb8484
```
#fb8484 rgb(251,132,132)
```
#fc9797
```
#fc9797 rgb(252,151,151)
```
#fcaaaa
```
#fcaaaa rgb(252,170,170)
```
#fdbdbd
```
#fdbdbd rgb(253,189,189)
```
#fdd0d0
```
#fdd0d0 rgb(253,208,208)
```
#fee3e3
```
#fee3e3 rgb(254,227,227)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#908d8d
```
#908d8d rgb(144,141,141)
```
#998484
```
#998484 rgb(153,132,132)
```
#a17c7c
```
#a17c7c rgb(161,124,124)
```
#aa7373
```
#aa7373 rgb(170,115,115)
```
#b36a6a
```
#b36a6a rgb(179,106,106)
```
#bb6262
```
#bb6262 rgb(187,98,98)
```
#c45959
```
#c45959 rgb(196,89,89)
```
#cd5050
```
#cd5050 rgb(205,80,80)
```
#d54848
```
#d54848 rgb(213,72,72)
```
#de3f3f
```
#de3f3f rgb(222,63,63)
```
#e73636
```
#e73636 rgb(231,54,54)
```
#ef2e2e
```
#ef2e2e rgb(239,46,46)
```
#f82525
```
#f82525 rgb(248,37,37)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#825757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948643 Protanopia 1% of men
#a77f14 Deuteranopia 1% of men
#f8302e Tritanopia 0.001% of the population

Trichromacy

#b86238 Protanomaly 1% of men, 0.01% of women
#c45e1a Deuteranomaly 6% of men, 0.4% of women
#f82c2b Tritanomaly 0.01% of the population

#f82525 hex color

#f82525 Color Information

#f82525 Color Conversion

Color Schemes with #f82525

Alternatives to #f82525

#f82525 Preview

Shades and Tints of #f82525

Tones of #f82525

Color Blindness Simulator