#f25a50 hex color

In a RGB color space, hex #f25a50 is composed of 94.9% red, 35.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 66.9% yellow and 5.1% black. It has a hue angle of 3.7 degrees, a saturation of 86.2% and a lightness of 63.1%. #f25a50 color hex could be obtained by blending #ffb4a0 with #e50000. Closest websafe color is: #ff6666.

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

● #f25a50 color description : Soft red.

The hexadecimal color #f25a50 has RGB values of R:242, G:90, B:80 and CMYK values of C:0, M:0.63, Y:0.67, K:0.05. Its decimal value is 15882832.

Hex triplet	f25a50	`#f25a50`
RGB Decimal	242, 90, 80	`rgb(242,90,80)`
RGB Percent	94.9, 35.3, 31.4	`rgb(94.9%,35.3%,31.4%)`
CMYK	0, 63, 67, 5
HSL	3.7°, 86.2, 63.1	`hsl(3.7,86.2%,63.1%)`
HSV (or HSB)	3.7°, 66.9, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.764, 57.743, 37.015
XYZ	41.724, 26.773, 10.56
xyY	0.528, 0.339, 26.773
CIE-LCH	58.764, 68.589, 32.661
CIE-LUV	58.764, 117.276, 29.751
Hunter-Lab	51.743, 53.387, 24.12
Binary	11110010, 01011010, 01010000

#f25a50
```
#f25a50 rgb(242,90,80)
```
#50e8f2
```
#50e8f2 rgb(80,232,242)
```

Complementary Color

#f25097
```
#f25097 rgb(242,80,151)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#f2ab50
```
#f2ab50 rgb(242,171,80)
```

Analogous Color

#5097f2
```
#5097f2 rgb(80,151,242)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#50f2ab
```
#50f2ab rgb(80,242,171)
```

Split Complementary Color

#5a50f2
```
#5a50f2 rgb(90,80,242)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#50f25a
```
#50f25a rgb(80,242,90)
```

Triadic Color

#f250e8
```
#f250e8 rgb(242,80,232)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#50f25a
```
#50f25a rgb(80,242,90)
```
#50e8f2
```
#50e8f2 rgb(80,232,242)
```

Tetradic Color

#e51e11
```
#e51e11 rgb(229,30,17)
```
#ee2d21
```
#ee2d21 rgb(238,45,33)
```
#f04438
```
#f04438 rgb(240,68,56)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#f47068
```
#f47068 rgb(244,112,104)
```
#f6877f
```
#f6877f rgb(246,135,127)
```
#f79d97
```
#f79d97 rgb(247,157,151)
```

Monochromatic Color

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

#f2506f
```
#f2506f rgb(242,80,111)
```
#f25061
```
#f25061 rgb(242,80,97)
```
#f25053
```
#f25053 rgb(242,80,83)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#f26850
```
#f26850 rgb(242,104,80)
```
#f27550
```
#f27550 rgb(242,117,80)
```
#f28350
```
#f28350 rgb(242,131,80)
```

Similar Colors

Text with hexadecimal color #f25a50

This text has a font color of #f25a50.

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

#f25a50 background color

This paragraph has a background color of #f25a50.

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

#f25a50 border color

This element has a border color of #f25a50.

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

CSS codes

.text {color:#f25a50;}

.background {background-color:#f25a50;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0302
```
#1a0302 rgb(26,3,2)
```
#2c0603
```
#2c0603 rgb(44,6,3)
```
#3e0805
```
#3e0805 rgb(62,8,5)
```
#510b06
```
#510b06 rgb(81,11,6)
```
#630d07
```
#630d07 rgb(99,13,7)
```
#750f09
```
#750f09 rgb(117,15,9)
```
#87120a
```
#87120a rgb(135,18,10)
```
#9a140b
```
#9a140b rgb(154,20,11)
```
#ac170d
```
#ac170d rgb(172,23,13)
```
#be190e
```
#be190e rgb(190,25,14)
```
#d01b0f
```
#d01b0f rgb(208,27,15)
```
#e31e11
```
#e31e11 rgb(227,30,17)
```

Shade Color Variation

#ee2619
```
#ee2619 rgb(238,38,25)
```
#ef382b
```
#ef382b rgb(239,56,43)
```
#f1493e
```
#f1493e rgb(241,73,62)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#f36b62
```
#f36b62 rgb(243,107,98)
```
#f57c75
```
#f57c75 rgb(245,124,117)
```
#f68e87
```
#f68e87 rgb(246,142,135)
```
#f79f99
```
#f79f99 rgb(247,159,153)
```
#f9b0ab
```
#f9b0ab rgb(249,176,171)
```
#fac1be
```
#fac1be rgb(250,193,190)
```
#fbd3d0
```
#fbd3d0 rgb(251,211,208)
```
#fde4e2
```
#fde4e2 rgb(253,228,226)
```
#fef5f4
```
#fef5f4 rgb(254,245,244)
```

Tint Color Variation

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

#a2a0a0
```
#a2a0a0 rgb(162,160,160)
```
#aa9998
```
#aa9998 rgb(170,153,152)
```
#b19391
```
#b19391 rgb(177,147,145)
```
#b88d8a
```
#b88d8a rgb(184,141,138)
```
#bf8683
```
#bf8683 rgb(191,134,131)
```
#c7807b
```
#c7807b rgb(199,128,123)
```
#ce7a74
```
#ce7a74 rgb(206,122,116)
```
#d5736d
```
#d5736d rgb(213,115,109)
```
#dc6d66
```
#dc6d66 rgb(220,109,102)
```
#e4675e
```
#e4675e rgb(228,103,94)
```
#eb6057
```
#eb6057 rgb(235,96,87)
```
#f25a50
```
#f25a50 rgb(242,90,80)
```
#f95449
```
#f95449 rgb(249,84,73)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9c7d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9369 Protanopia 1% of men
#b38c4f Deuteranopia 1% of men
#f36065 Tritanopia 0.001% of the population

Trichromacy

#bc7e60 Protanomaly 1% of men, 0.01% of women
#ca7a4f Deuteranomaly 6% of men, 0.4% of women
#f25e5d Tritanomaly 0.01% of the population

#f25a50 hex color

#f25a50 Color Information

#f25a50 Color Conversion

Color Schemes with #f25a50

Alternatives to #f25a50

#f25a50 Preview

Shades and Tints of #f25a50

Tones of #f25a50

Color Blindness Simulator