colorhexa.com

#f25f53 hex color

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

- R 95
- G 37
- B 33
RGB color chart
- C 0
- M 61
- Y 66
- K 5
CMYK color chart

● #f25f53 color description : Soft red.

The hexadecimal color #f25f53 has RGB values of R:242, G:95, B:83 and CMYK values of C:0, M:0.61, Y:0.66, K:0.05. Its decimal value is 15884115.

Hex triplet	f25f53	`#f25f53`
RGB Decimal	242, 95, 83	`rgb(242,95,83)`
RGB Percent	94.9, 37.3, 32.5	`rgb(94.9%,37.3%,32.5%)`
CMYK	0, 61, 66, 5
HSL	4.5°, 85.9, 63.7	`hsl(4.5,85.9%,63.7%)`
HSV (or HSB)	4.5°, 65.7, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.608, 55.764, 36.366
XYZ	42.273, 27.691, 11.302
xyY	0.52, 0.341, 27.691
CIE-LCH	59.608, 66.575, 33.11
CIE-LUV	59.608, 113.266, 29.97
Hunter-Lab	52.622, 51.308, 24.101
Binary	11110010, 01011111, 01010011

#f25f53
```
#f25f53 rgb(242,95,83)
```
#53e6f2
```
#53e6f2 rgb(83,230,242)
```

Complementary Color

#f25397
```
#f25397 rgb(242,83,151)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#f2af53
```
#f2af53 rgb(242,175,83)
```

Analogous Color

#5397f2
```
#5397f2 rgb(83,151,242)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#53f2af
```
#53f2af rgb(83,242,175)
```

Split Complementary Color

#5f53f2
```
#5f53f2 rgb(95,83,242)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#53f25f
```
#53f25f rgb(83,242,95)
```

Triadic Color

#f253e6
```
#f253e6 rgb(242,83,230)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#53f25f
```
#53f25f rgb(83,242,95)
```
#53e6f2
```
#53e6f2 rgb(83,230,242)
```

Tetradic Color

#e72211
```
#e72211 rgb(231,34,17)
```
#ee3324
```
#ee3324 rgb(238,51,36)
```
#f0493b
```
#f0493b rgb(240,73,59)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#f4756b
```
#f4756b rgb(244,117,107)
```
#f68b82
```
#f68b82 rgb(246,139,130)
```
#f7a19a
```
#f7a19a rgb(247,161,154)
```

Monochromatic Color

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

#f2536f
```
#f2536f rgb(242,83,111)
```
#f25361
```
#f25361 rgb(242,83,97)
```
#f25354
```
#f25354 rgb(242,83,84)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#f26c53
```
#f26c53 rgb(242,108,83)
```
#f27a53
```
#f27a53 rgb(242,122,83)
```
#f28753
```
#f28753 rgb(242,135,83)
```

Similar Colors

Text with hexadecimal color #f25f53

This text has a font color of #f25f53.

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

#f25f53 background color

This paragraph has a background color of #f25f53.

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

#f25f53 border color

This element has a border color of #f25f53.

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

CSS codes

.text {color:#f25f53;}

.background {background-color:#f25f53;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1d0402
```
#1d0402 rgb(29,4,2)
```
#2f0704
```
#2f0704 rgb(47,7,4)
```
#410905
```
#410905 rgb(65,9,5)
```
#530c06
```
#530c06 rgb(83,12,6)
```
#660f08
```
#660f08 rgb(102,15,8)
```
#781109
```
#781109 rgb(120,17,9)
```
#8a140a
```
#8a140a rgb(138,20,10)
```
#9c170c
```
#9c170c rgb(156,23,12)
```
#af190d
```
#af190d rgb(175,25,13)
```
#c11c0f
```
#c11c0f rgb(193,28,15)
```
#d31f10
```
#d31f10 rgb(211,31,16)
```
#e52111
```
#e52111 rgb(229,33,17)
```

Shade Color Variation

#ee2c1c
```
#ee2c1c rgb(238,44,28)
```
#ef3d2f
```
#ef3d2f rgb(239,61,47)
```
#f14e41
```
#f14e41 rgb(241,78,65)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#f37065
```
#f37065 rgb(243,112,101)
```
#f58177
```
#f58177 rgb(245,129,119)
```
#f6928a
```
#f6928a rgb(246,146,138)
```
#f8a39c
```
#f8a39c rgb(248,163,156)
```
#f9b4ae
```
#f9b4ae rgb(249,180,174)
```
#fac5c0
```
#fac5c0 rgb(250,197,192)
```
#fcd6d3
```
#fcd6d3 rgb(252,214,211)
```
#fde7e5
```
#fde7e5 rgb(253,231,229)
```
#fef8f7
```
#fef8f7 rgb(254,248,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 #f9594c is the most saturated one.

#a4a1a1
```
#a4a1a1 rgb(164,161,161)
```
#ab9b9a
```
#ab9b9a rgb(171,155,154)
```
#b29593
```
#b29593 rgb(178,149,147)
```
#b98f8c
```
#b98f8c rgb(185,143,140)
```
#c08985
```
#c08985 rgb(192,137,133)
```
#c7837e
```
#c7837e rgb(199,131,126)
```
#ce7d77
```
#ce7d77 rgb(206,125,119)
```
#d6776f
```
#d6776f rgb(214,119,111)
```
#dd7168
```
#dd7168 rgb(221,113,104)
```
#e46b61
```
#e46b61 rgb(228,107,97)
```
#eb655a
```
#eb655a rgb(235,101,90)
```
#f25f53
```
#f25f53 rgb(242,95,83)
```
#f9594c
```
#f9594c rgb(249,89,76)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9f817f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0956c Protanopia 1% of men
#b58e52 Deuteranopia 1% of men
#f3656a Tritanopia 0.001% of the population

Trichromacy

#be8162 Protanomaly 1% of men, 0.01% of women
#cb7d52 Deuteranomaly 6% of men, 0.4% of women
#f26262 Tritanomaly 0.01% of the population