#f25d59 hex color

In a RGB color space, hex #f25d59 is composed of 94.9% red, 36.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.6% magenta, 63.2% yellow and 5.1% black. It has a hue angle of 1.6 degrees, a saturation of 85.5% and a lightness of 64.9%. #f25d59 color hex could be obtained by blending #ffbab2 with #e50000. Closest websafe color is: #ff6666.

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

● #f25d59 color description : Soft red.

The hexadecimal color #f25d59 has RGB values of R:242, G:93, B:89 and CMYK values of C:0, M:0.62, Y:0.63, K:0.05. Its decimal value is 15883609.

Hex triplet	f25d59	`#f25d59`
RGB Decimal	242, 93, 89	`rgb(242,93,89)`
RGB Percent	94.9, 36.5, 34.9	`rgb(94.9%,36.5%,34.9%)`
CMYK	0, 62, 63, 5
HSL	1.6°, 85.5, 64.9	`hsl(1.6,85.5%,64.9%)`
HSV (or HSB)	1.6°, 63.2, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.372, 56.976, 32.706
XYZ	42.337, 27.432, 12.516
xyY	0.515, 0.333, 27.432
CIE-LCH	59.372, 65.696, 29.858
CIE-LUV	59.372, 113.315, 26.331
Hunter-Lab	52.375, 52.632, 22.494
Binary	11110010, 01011101, 01011001

#f25d59
```
#f25d59 rgb(242,93,89)
```
#59eef2
```
#59eef2 rgb(89,238,242)
```

Complementary Color

#f259a2
```
#f259a2 rgb(242,89,162)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#f2aa59
```
#f2aa59 rgb(242,170,89)
```

Analogous Color

#59a2f2
```
#59a2f2 rgb(89,162,242)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#59f2aa
```
#59f2aa rgb(89,242,170)
```

Split Complementary Color

#5d59f2
```
#5d59f2 rgb(93,89,242)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#59f25d
```
#59f25d rgb(89,242,93)
```

Triadic Color

#f259ee
```
#f259ee rgb(242,89,238)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#59f25d
```
#59f25d rgb(89,242,93)
```
#59eef2
```
#59eef2 rgb(89,238,242)
```

Tetradic Color

#ec1812
```
#ec1812 rgb(236,24,18)
```
#ee2f2a
```
#ee2f2a rgb(238,47,42)
```
#f04641
```
#f04641 rgb(240,70,65)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#f47471
```
#f47471 rgb(244,116,113)
```
#f68b88
```
#f68b88 rgb(246,139,136)
```
#f8a2a0
```
#f8a2a0 rgb(248,162,160)
```

Monochromatic Color

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

#f2597b
```
#f2597b rgb(242,89,123)
```
#f2596f
```
#f2596f rgb(242,89,111)
```
#f25962
```
#f25962 rgb(242,89,98)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#f26a59
```
#f26a59 rgb(242,106,89)
```
#f27759
```
#f27759 rgb(242,119,89)
```
#f28359
```
#f28359 rgb(242,131,89)
```

Similar Colors

Text with hexadecimal color #f25d59

This text has a font color of #f25d59.

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

#f25d59 background color

This paragraph has a background color of #f25d59.

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

#f25d59 border color

This element has a border color of #f25d59.

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

CSS codes

.text {color:#f25d59;}

.background {background-color:#f25d59;}

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

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

#100201
```
#100201 rgb(16,2,1)
```
#220303
```
#220303 rgb(34,3,3)
```
#340504
```
#340504 rgb(52,5,4)
```
#460706
```
#460706 rgb(70,7,6)
```
#590907
```
#590907 rgb(89,9,7)
```
#6b0b08
```
#6b0b08 rgb(107,11,8)
```
#7d0d0a
```
#7d0d0a rgb(125,13,10)
```
#8f0f0b
```
#8f0f0b rgb(143,15,11)
```
#a1110d
```
#a1110d rgb(161,17,13)
```
#b4120e
```
#b4120e rgb(180,18,14)
```
#c6140f
```
#c6140f rgb(198,20,15)
```
#d81611
```
#d81611 rgb(216,22,17)
```
#ea1812
```
#ea1812 rgb(234,24,18)
```

Shade Color Variation

#ee2822
```
#ee2822 rgb(238,40,34)
```
#ef3935
```
#ef3935 rgb(239,57,53)
```
#f14b47
```
#f14b47 rgb(241,75,71)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#f36f6b
```
#f36f6b rgb(243,111,107)
```
#f5817d
```
#f5817d rgb(245,129,125)
```
#f69290
```
#f69290 rgb(246,146,144)
```
#f8a4a2
```
#f8a4a2 rgb(248,164,162)
```
#f9b6b4
```
#f9b6b4 rgb(249,182,180)
```
#fbc8c6
```
#fbc8c6 rgb(251,200,198)
```
#fcd9d8
```
#fcd9d8 rgb(252,217,216)
```
#fdebeb
```
#fdebeb rgb(253,235,235)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#a6a5a5
```
#a6a5a5 rgb(166,165,165)
```
#ad9e9e
```
#ad9e9e rgb(173,158,158)
```
#b49897
```
#b49897 rgb(180,152,151)
```
#bb9190
```
#bb9190 rgb(187,145,144)
```
#c28b89
```
#c28b89 rgb(194,139,137)
```
#c98482
```
#c98482 rgb(201,132,130)
```
#d07e7b
```
#d07e7b rgb(208,126,123)
```
#d67775
```
#d67775 rgb(214,119,117)
```
#dd716e
```
#dd716e rgb(221,113,110)
```
#e46a67
```
#e46a67 rgb(228,106,103)
```
#eb6460
```
#eb6460 rgb(235,100,96)
```
#f25d59
```
#f25d59 rgb(242,93,89)
```
#f95652
```
#f95652 rgb(249,86,82)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9e807f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9473 Protanopia 1% of men
#b38e58 Deuteranopia 1% of men
#f36469 Tritanopia 0.001% of the population

Trichromacy

#bd8069 Protanomaly 1% of men, 0.01% of women
#ca7c58 Deuteranomaly 6% of men, 0.4% of women
#f26163 Tritanomaly 0.01% of the population

#f25d59 hex color

#f25d59 Color Information

#f25d59 Color Conversion

Color Schemes with #f25d59

Alternatives to #f25d59

#f25d59 Preview

Shades and Tints of #f25d59

Tones of #f25d59

Color Blindness Simulator