#f25a66 hex color

In a RGB color space, hex #f25a66 is composed of 94.9% red, 35.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 57.9% yellow and 5.1% black. It has a hue angle of 355.3 degrees, a saturation of 85.4% and a lightness of 65.1%. #f25a66 color hex could be obtained by blending #ffb4cc with #e50000. Closest websafe color is: #ff6666.

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

● #f25a66 color description : Soft red.

The hexadecimal color #f25a66 has RGB values of R:242, G:90, B:102 and CMYK values of C:0, M:0.63, Y:0.58, K:0.05. Its decimal value is 15882854.

Hex triplet	f25a66	`#f25a66`
RGB Decimal	242, 90, 102	`rgb(242,90,102)`
RGB Percent	94.9, 35.3, 40	`rgb(94.9%,35.3%,40%)`
CMYK	0, 63, 58, 5
HSL	355.3°, 85.4, 65.1	`hsl(355.3,85.4%,65.1%)`
HSV (or HSB)	355.3°, 62.8, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.116, 59.088, 24.939
XYZ	42.674, 27.153, 15.564
xyY	0.5, 0.318, 27.153
CIE-LCH	59.116, 64.136, 22.882
CIE-LUV	59.116, 112.082, 18.218
Hunter-Lab	52.109, 54.99, 18.768
Binary	11110010, 01011010, 01100110

#f25a66
```
#f25a66 rgb(242,90,102)
```
#5af2e6
```
#5af2e6 rgb(90,242,230)
```

Complementary Color

#f25ab2
```
#f25ab2 rgb(242,90,178)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#f29a5a
```
#f29a5a rgb(242,154,90)
```

Analogous Color

#5ab2f2
```
#5ab2f2 rgb(90,178,242)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#5af29a
```
#5af29a rgb(90,242,154)
```

Split Complementary Color

#5a66f2
```
#5a66f2 rgb(90,102,242)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#66f25a
```
#66f25a rgb(102,242,90)
```

Triadic Color

#e65af2
```
#e65af2 rgb(230,90,242)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#66f25a
```
#66f25a rgb(102,242,90)
```
#5af2e6
```
#5af2e6 rgb(90,242,230)
```

Tetradic Color

#ec1324
```
#ec1324 rgb(236,19,36)
```
#ee2b3a
```
#ee2b3a rgb(238,43,58)
```
#f04250
```
#f04250 rgb(240,66,80)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#f4727c
```
#f4727c rgb(244,114,124)
```
#f68992
```
#f68992 rgb(246,137,146)
```
#f8a1a8
```
#f8a1a8 rgb(248,161,168)
```

Monochromatic Color

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

#f25a8c
```
#f25a8c rgb(242,90,140)
```
#f25a7f
```
#f25a7f rgb(242,90,127)
```
#f25a73
```
#f25a73 rgb(242,90,115)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#f25b5a
```
#f25b5a rgb(242,91,90)
```
#f2675a
```
#f2675a rgb(242,103,90)
```
#f2745a
```
#f2745a rgb(242,116,90)
```

Similar Colors

Text with hexadecimal color #f25a66

This text has a font color of #f25a66.

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

#f25a66 background color

This paragraph has a background color of #f25a66.

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

#f25a66 border color

This element has a border color of #f25a66.

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

CSS codes

.text {color:#f25a66;}

.background {background-color:#f25a66;}

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

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

#110103
```
#110103 rgb(17,1,3)
```
#230305
```
#230305 rgb(35,3,5)
```
#350408
```
#350408 rgb(53,4,8)
```
#47060b
```
#47060b rgb(71,6,11)
```
#5a070e
```
#5a070e rgb(90,7,14)
```
#6c0810
```
#6c0810 rgb(108,8,16)
```
#7e0a13
```
#7e0a13 rgb(126,10,19)
```
#900b16
```
#900b16 rgb(144,11,22)
```
#a20d19
```
#a20d19 rgb(162,13,25)
```
#b40e1b
```
#b40e1b rgb(180,14,27)
```
#c7101e
```
#c7101e rgb(199,16,30)
```
#d91121
```
#d91121 rgb(217,17,33)
```
#eb1324
```
#eb1324 rgb(235,19,36)
```

Shade Color Variation

#ee2333
```
#ee2333 rgb(238,35,51)
```
#ef3644
```
#ef3644 rgb(239,54,68)
```
#f14855
```
#f14855 rgb(241,72,85)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#f36c77
```
#f36c77 rgb(243,108,119)
```
#f57e88
```
#f57e88 rgb(245,126,136)
```
#f69199
```
#f69199 rgb(246,145,153)
```
#f8a3a9
```
#f8a3a9 rgb(248,163,169)
```
#f9b5ba
```
#f9b5ba rgb(249,181,186)
```
#fbc7cb
```
#fbc7cb rgb(251,199,203)
```
#fcd9dc
```
#fcd9dc rgb(252,217,220)
```
#fdebed
```
#fdebed rgb(253,235,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a7a5a5
```
#a7a5a5 rgb(167,165,165)
```
#ae9ea0
```
#ae9ea0 rgb(174,158,160)
```
#b4989a
```
#b4989a rgb(180,152,154)
```
#bb9194
```
#bb9194 rgb(187,145,148)
```
#c28a8e
```
#c28a8e rgb(194,138,142)
```
#c98389
```
#c98389 rgb(201,131,137)
```
#d07c83
```
#d07c83 rgb(208,124,131)
```
#d7757d
```
#d7757d rgb(215,117,125)
```
#dd6f77
```
#dd6f77 rgb(221,111,119)
```
#e46872
```
#e46872 rgb(228,104,114)
```
#eb616c
```
#eb616c rgb(235,97,108)
```
#f25a66
```
#f25a66 rgb(242,90,102)
```
#f95360
```
#f95360 rgb(249,83,96)
```

Tone Color Variation

Below, you can see how #f25a66 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
#9e8082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9381 Protanopia 1% of men
#b08e64 Deuteranopia 1% of men
#f26369 Tritanopia 0.001% of the population

Trichromacy

#ba7e77 Protanomaly 1% of men, 0.01% of women
#c87b64 Deuteranomaly 6% of men, 0.4% of women
#f26067 Tritanomaly 0.01% of the population

#f25a66 hex color

#f25a66 Color Information

#f25a66 Color Conversion

Color Schemes with #f25a66

Alternatives to #f25a66

#f25a66 Preview

Shades and Tints of #f25a66

Tones of #f25a66

Color Blindness Simulator