#f25a4d hex color

In a RGB color space, hex #f25a4d is composed of 94.9% red, 35.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 68.2% yellow and 5.1% black. It has a hue angle of 4.7 degrees, a saturation of 86.4% and a lightness of 62.5%. #f25a4d color hex could be obtained by blending #ffb49a with #e50000. Closest websafe color is: #ff6666.

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

● #f25a4d color description : Soft red.

The hexadecimal color #f25a4d has RGB values of R:242, G:90, B:77 and CMYK values of C:0, M:0.63, Y:0.68, K:0.05. Its decimal value is 15882829.

Hex triplet	f25a4d	`#f25a4d`
RGB Decimal	242, 90, 77	`rgb(242,90,77)`
RGB Percent	94.9, 35.3, 30.2	`rgb(94.9%,35.3%,30.2%)`
CMYK	0, 63, 68, 5
HSL	4.7°, 86.4, 62.5	`hsl(4.7,86.4%,62.5%)`
HSV (or HSB)	4.7°, 68.2, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.723, 57.588, 38.632
XYZ	41.615, 26.73, 9.989
xyY	0.531, 0.341, 26.73
CIE-LCH	58.723, 69.346, 33.855
CIE-LUV	58.723, 117.898, 31.125
Hunter-Lab	51.701, 53.202, 24.736
Binary	11110010, 01011010, 01001101

#f25a4d
```
#f25a4d rgb(242,90,77)
```
#4de5f2
```
#4de5f2 rgb(77,229,242)
```

Complementary Color

#f24d93
```
#f24d93 rgb(242,77,147)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#f2ad4d
```
#f2ad4d rgb(242,173,77)
```

Analogous Color

#4d93f2
```
#4d93f2 rgb(77,147,242)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#4df2ad
```
#4df2ad rgb(77,242,173)
```

Split Complementary Color

#5a4df2
```
#5a4df2 rgb(90,77,242)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#4df25a
```
#4df25a rgb(77,242,90)
```

Triadic Color

#f24de5
```
#f24de5 rgb(242,77,229)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#4df25a
```
#4df25a rgb(77,242,90)
```
#4de5f2
```
#4de5f2 rgb(77,229,242)
```

Tetradic Color

#e22111
```
#e22111 rgb(226,33,17)
```
#ef2e1d
```
#ef2e1d rgb(239,46,29)
```
#f04435
```
#f04435 rgb(240,68,53)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#f47065
```
#f47065 rgb(244,112,101)
```
#f5867d
```
#f5867d rgb(245,134,125)
```
#f79c94
```
#f79c94 rgb(247,156,148)
```

Monochromatic Color

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

#f24d69
```
#f24d69 rgb(242,77,105)
```
#f24d5c
```
#f24d5c rgb(242,77,92)
```
#f24d4e
```
#f24d4e rgb(242,77,78)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#f2684d
```
#f2684d rgb(242,104,77)
```
#f2764d
```
#f2764d rgb(242,118,77)
```
#f2834d
```
#f2834d rgb(242,131,77)
```

Similar Colors

Text with hexadecimal color #f25a4d

This text has a font color of #f25a4d.

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

#f25a4d background color

This paragraph has a background color of #f25a4d.

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

#f25a4d border color

This element has a border color of #f25a4d.

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

CSS codes

.text {color:#f25a4d;}

.background {background-color:#f25a4d;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#170302
```
#170302 rgb(23,3,2)
```
#290603
```
#290603 rgb(41,6,3)
```
#3c0904
```
#3c0904 rgb(60,9,4)
```
#4e0b06
```
#4e0b06 rgb(78,11,6)
```
#600e07
```
#600e07 rgb(96,14,7)
```
#721108
```
#721108 rgb(114,17,8)
```
#85130a
```
#85130a rgb(133,19,10)
```
#97160b
```
#97160b rgb(151,22,11)
```
#a9190c
```
#a9190c rgb(169,25,12)
```
#bc1b0e
```
#bc1b0e rgb(188,27,14)
```
#ce1e0f
```
#ce1e0f rgb(206,30,15)
```
#e02110
```
#e02110 rgb(224,33,16)
```

Shade Color Variation

#ee2716
```
#ee2716 rgb(238,39,22)
```
#ef3828
```
#ef3828 rgb(239,56,40)
```
#f1493b
```
#f1493b rgb(241,73,59)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#f36b5f
```
#f36b5f rgb(243,107,95)
```
#f57c72
```
#f57c72 rgb(245,124,114)
```
#f68d84
```
#f68d84 rgb(246,141,132)
```
#f79e96
```
#f79e96 rgb(247,158,150)
```
#f9afa8
```
#f9afa8 rgb(249,175,168)
```
#fac0bb
```
#fac0bb rgb(250,192,187)
```
#fbd1cd
```
#fbd1cd rgb(251,209,205)
```
#fde2df
```
#fde2df rgb(253,226,223)
```
#fef3f2
```
#fef3f2 rgb(254,243,242)
```

Tint Color Variation

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

#a19e9e
```
#a19e9e rgb(161,158,158)
```
#a99896
```
#a99896 rgb(169,152,150)
```
#b0928f
```
#b0928f rgb(176,146,143)
```
#b78c88
```
#b78c88 rgb(183,140,136)
```
#bf8580
```
#bf8580 rgb(191,133,128)
```
#c67f79
```
#c67f79 rgb(198,127,121)
```
#cd7972
```
#cd7972 rgb(205,121,114)
```
#d5736a
```
#d5736a rgb(213,115,106)
```
#dc6d63
```
#dc6d63 rgb(220,109,99)
```
#e3665c
```
#e3665c rgb(227,102,92)
```
#eb6054
```
#eb6054 rgb(235,96,84)
```
#f25a4d
```
#f25a4d rgb(242,90,77)
```
#f95446
```
#f95446 rgb(249,84,70)
```

Tone Color Variation

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

#9e9366 Protanopia 1% of men
#b38c4c Deuteranopia 1% of men
#f36065 Tritanopia 0.001% of the population

Trichromacy

#bd7e5d Protanomaly 1% of men, 0.01% of women
#ca7a4c Deuteranomaly 6% of men, 0.4% of women
#f25e5c Tritanomaly 0.01% of the population

#f25a4d hex color

#f25a4d Color Information

#f25a4d Color Conversion

Color Schemes with #f25a4d

Alternatives to #f25a4d

#f25a4d Preview

Shades and Tints of #f25a4d

Tones of #f25a4d

Color Blindness Simulator