#f2525a hex color

In a RGB color space, hex #f2525a is composed of 94.9% red, 32.2% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 62.8% yellow and 5.1% black. It has a hue angle of 357 degrees, a saturation of 86% and a lightness of 63.5%. #f2525a color hex could be obtained by blending #ffa4b4 with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 32
- B 35
RGB color chart
- C 0
- M 66
- Y 63
- K 5
CMYK color chart

● #f2525a color description : Soft red.

The hexadecimal color #f2525a has RGB values of R:242, G:82, B:90 and CMYK values of C:0, M:0.66, Y:0.63, K:0.05. Its decimal value is 15880794.

Hex triplet	f2525a	`#f2525a`
RGB Decimal	242, 82, 90	`rgb(242,82,90)`
RGB Percent	94.9, 32.2, 35.3	`rgb(94.9%,32.2%,35.3%)`
CMYK	0, 66, 63, 5
HSL	357°, 86, 63.5	`hsl(357,86%,63.5%)`
HSV (or HSB)	357°, 66.1, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.708, 61.561, 30.035
XYZ	41.482, 25.654, 12.44
xyY	0.521, 0.322, 25.654
CIE-LCH	57.708, 68.498, 26.007
CIE-LUV	57.708, 120.077, 22.267
Hunter-Lab	50.65, 57.553, 20.893
Binary	11110010, 01010010, 01011010

#f2525a
```
#f2525a rgb(242,82,90)
```
#52f2ea
```
#52f2ea rgb(82,242,234)
```

Complementary Color

#f252aa
```
#f252aa rgb(242,82,170)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#f29a52
```
#f29a52 rgb(242,154,82)
```

Analogous Color

#52aaf2
```
#52aaf2 rgb(82,170,242)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#52f29a
```
#52f29a rgb(82,242,154)
```

Split Complementary Color

#525af2
```
#525af2 rgb(82,90,242)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#5af252
```
#5af252 rgb(90,242,82)
```

Triadic Color

#ea52f2
```
#ea52f2 rgb(234,82,242)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#5af252
```
#5af252 rgb(90,242,82)
```
#52f2ea
```
#52f2ea rgb(82,242,234)
```

Tetradic Color

#e6111c
```
#e6111c rgb(230,17,28)
```
#ee232d
```
#ee232d rgb(238,35,45)
```
#f03a43
```
#f03a43 rgb(240,58,67)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#f46a71
```
#f46a71 rgb(244,106,113)
```
#f68187
```
#f68187 rgb(246,129,135)
```
#f7999e
```
#f7999e rgb(247,153,158)
```

Monochromatic Color

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

#f25282
```
#f25282 rgb(242,82,130)
```
#f25275
```
#f25275 rgb(242,82,117)
```
#f25267
```
#f25267 rgb(242,82,103)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#f25752
```
#f25752 rgb(242,87,82)
```
#f26552
```
#f26552 rgb(242,101,82)
```
#f27252
```
#f27252 rgb(242,114,82)
```

Similar Colors

Text with hexadecimal color #f2525a

This text has a font color of #f2525a.

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

#f2525a background color

This paragraph has a background color of #f2525a.

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

#f2525a border color

This element has a border color of #f2525a.

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

CSS codes

.text {color:#f2525a;}

.background {background-color:#f2525a;}

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

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, #090101 is the darkest color, while #fef6f7 is the lightest one.

#090101
```
#090101 rgb(9,1,1)
```
#1c0203
```
#1c0203 rgb(28,2,3)
```
#2e0306
```
#2e0306 rgb(46,3,6)
```
#400508
```
#400508 rgb(64,5,8)
```
#52060a
```
#52060a rgb(82,6,10)
```
#65080c
```
#65080c rgb(101,8,12)
```
#77090e
```
#77090e rgb(119,9,14)
```
#890a11
```
#890a11 rgb(137,10,17)
```
#9b0c13
```
#9b0c13 rgb(155,12,19)
```
#ae0d15
```
#ae0d15 rgb(174,13,21)
```
#c00e17
```
#c00e17 rgb(192,14,23)
```
#d2101a
```
#d2101a rgb(210,16,26)
```
#e4111c
```
#e4111c rgb(228,17,28)
```

Shade Color Variation

#ee1b26
```
#ee1b26 rgb(238,27,38)
```
#ef2e37
```
#ef2e37 rgb(239,46,55)
```
#f14049
```
#f14049 rgb(241,64,73)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#f3646b
```
#f3646b rgb(243,100,107)
```
#f5767d
```
#f5767d rgb(245,118,125)
```
#f6898e
```
#f6898e rgb(246,137,142)
```
#f79ba0
```
#f79ba0 rgb(247,155,160)
```
#f9adb1
```
#f9adb1 rgb(249,173,177)
```
#fabfc2
```
#fabfc2 rgb(250,191,194)
```
#fcd2d4
```
#fcd2d4 rgb(252,210,212)
```
#fde4e5
```
#fde4e5 rgb(253,228,229)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#a3a1a1
```
#a3a1a1 rgb(163,161,161)
```
#aa9a9a
```
#aa9a9a rgb(170,154,154)
```
#b29294
```
#b29294 rgb(178,146,148)
```
#b98b8e
```
#b98b8e rgb(185,139,142)
```
#c08487
```
#c08487 rgb(192,132,135)
```
#c77d81
```
#c77d81 rgb(199,125,129)
```
#ce767a
```
#ce767a rgb(206,118,122)
```
#d56f74
```
#d56f74 rgb(213,111,116)
```
#dd676d
```
#dd676d rgb(221,103,109)
```
#e46067
```
#e46067 rgb(228,96,103)
```
#eb5960
```
#eb5960 rgb(235,89,96)
```
#f2525a
```
#f2525a rgb(242,82,90)
```
#f94b54
```
#f94b54 rgb(249,75,84)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#99797b Atypical Achromatopsia 0.001% of the population

Dichromacy

#999076 Protanopia 1% of men
#ae8a58 Deuteranopia 1% of men
#f25b60 Tritanopia 0.001% of the population

Trichromacy

#b9796c Protanomaly 1% of men, 0.01% of women
#c77558 Deuteranomaly 6% of men, 0.4% of women
#f2575d Tritanomaly 0.01% of the population

#f2525a hex color

#f2525a Color Information

#f2525a Color Conversion

Color Schemes with #f2525a

Alternatives to #f2525a

#f2525a Preview

Shades and Tints of #f2525a

Tones of #f2525a

Color Blindness Simulator