#f25a53 hex color

In a RGB color space, hex #f25a53 is composed of 94.9% red, 35.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 65.7% yellow and 5.1% black. It has a hue angle of 2.6 degrees, a saturation of 85.9% and a lightness of 63.7%. #f25a53 color hex could be obtained by blending #ffb4a6 with #e50000. Closest websafe color is: #ff6666.

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

● #f25a53 color description : Soft red.

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

Hex triplet	f25a53	`#f25a53`
RGB Decimal	242, 90, 83	`rgb(242,90,83)`
RGB Percent	94.9, 35.3, 32.5	`rgb(94.9%,35.3%,32.5%)`
CMYK	0, 63, 66, 5
HSL	2.6°, 85.9, 63.7	`hsl(2.6,85.9%,63.7%)`
HSV (or HSB)	2.6°, 65.7, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.806, 57.905, 35.388
XYZ	41.837, 26.819, 11.157
xyY	0.524, 0.336, 26.819
CIE-LCH	58.806, 67.862, 31.43
CIE-LUV	58.806, 116.633, 28.327
Hunter-Lab	51.787, 53.579, 23.478
Binary	11110010, 01011010, 01010011

#f25a53
```
#f25a53 rgb(242,90,83)
```
#53ebf2
```
#53ebf2 rgb(83,235,242)
```

Complementary Color

#f2539c
```
#f2539c rgb(242,83,156)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#f2aa53
```
#f2aa53 rgb(242,170,83)
```

Analogous Color

#539cf2
```
#539cf2 rgb(83,156,242)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#53f2aa
```
#53f2aa rgb(83,242,170)
```

Split Complementary Color

#5a53f2
```
#5a53f2 rgb(90,83,242)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#53f25a
```
#53f25a rgb(83,242,90)
```

Triadic Color

#f253eb
```
#f253eb rgb(242,83,235)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#53f25a
```
#53f25a rgb(83,242,90)
```
#53ebf2
```
#53ebf2 rgb(83,235,242)
```

Tetradic Color

#e71b11
```
#e71b11 rgb(231,27,17)
```
#ee2d24
```
#ee2d24 rgb(238,45,36)
```
#f0433b
```
#f0433b rgb(240,67,59)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#f4716b
```
#f4716b rgb(244,113,107)
```
#f68782
```
#f68782 rgb(246,135,130)
```
#f79e9a
```
#f79e9a rgb(247,158,154)
```

Monochromatic Color

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

#f25374
```
#f25374 rgb(242,83,116)
```
#f25367
```
#f25367 rgb(242,83,103)
```
#f25359
```
#f25359 rgb(242,83,89)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#f26753
```
#f26753 rgb(242,103,83)
```
#f27553
```
#f27553 rgb(242,117,83)
```
#f28253
```
#f28253 rgb(242,130,83)
```

Similar Colors

Text with hexadecimal color #f25a53

This text has a font color of #f25a53.

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

#f25a53 background color

This paragraph has a background color of #f25a53.

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

#f25a53 border color

This element has a border color of #f25a53.

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

CSS codes

.text {color:#f25a53;}

.background {background-color:#f25a53;}

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

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

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1d0302
```
#1d0302 rgb(29,3,2)
```
#2f0504
```
#2f0504 rgb(47,5,4)
```
#410805
```
#410805 rgb(65,8,5)
```
#530a06
```
#530a06 rgb(83,10,6)
```
#660c08
```
#660c08 rgb(102,12,8)
```
#780e09
```
#780e09 rgb(120,14,9)
```
#8a100a
```
#8a100a rgb(138,16,10)
```
#9c120c
```
#9c120c rgb(156,18,12)
```
#af140d
```
#af140d rgb(175,20,13)
```
#c1160f
```
#c1160f rgb(193,22,15)
```
#d31910
```
#d31910 rgb(211,25,16)
```
#e51b11
```
#e51b11 rgb(229,27,17)
```

Shade Color Variation

#ee261c
```
#ee261c rgb(238,38,28)
```
#ef372f
```
#ef372f rgb(239,55,47)
```
#f14941
```
#f14941 rgb(241,73,65)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#f36b65
```
#f36b65 rgb(243,107,101)
```
#f57d77
```
#f57d77 rgb(245,125,119)
```
#f68e8a
```
#f68e8a rgb(246,142,138)
```
#f8a09c
```
#f8a09c rgb(248,160,156)
```
#f9b1ae
```
#f9b1ae rgb(249,177,174)
```
#fac3c0
```
#fac3c0 rgb(250,195,192)
```
#fcd4d3
```
#fcd4d3 rgb(252,212,211)
```
#fde6e5
```
#fde6e5 rgb(253,230,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#a4a1a1
```
#a4a1a1 rgb(164,161,161)
```
#ab9b9a
```
#ab9b9a rgb(171,155,154)
```
#b29493
```
#b29493 rgb(178,148,147)
```
#b98e8c
```
#b98e8c rgb(185,142,140)
```
#c08785
```
#c08785 rgb(192,135,133)
```
#c7817e
```
#c7817e rgb(199,129,126)
```
#ce7a77
```
#ce7a77 rgb(206,122,119)
```
#d6746f
```
#d6746f rgb(214,116,111)
```
#dd6d68
```
#dd6d68 rgb(221,109,104)
```
#e46761
```
#e46761 rgb(228,103,97)
```
#eb605a
```
#eb605a rgb(235,96,90)
```
#f25a53
```
#f25a53 rgb(242,90,83)
```
#f9544c
```
#f9544c rgb(249,84,76)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9c7e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e936d Protanopia 1% of men
#b38c52 Deuteranopia 1% of men
#f36166 Tritanopia 0.001% of the population

Trichromacy

#bc7e63 Protanomaly 1% of men, 0.01% of women
#c97a52 Deuteranomaly 6% of men, 0.4% of women
#f25e5f Tritanomaly 0.01% of the population

#f25a53 hex color

#f25a53 Color Information

#f25a53 Color Conversion

Color Schemes with #f25a53

Alternatives to #f25a53

#f25a53 Preview

Shades and Tints of #f25a53

Tones of #f25a53

Color Blindness Simulator