#f25a96 hex color

In a RGB color space, hex #f25a96 is composed of 94.9% red, 35.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 38% yellow and 5.1% black. It has a hue angle of 336.3 degrees, a saturation of 85.4% and a lightness of 65.1%. #f25a96 color hex could be obtained by blending #ffb4ff with #e5002d. Closest websafe color is: #ff6699.

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

● #f25a96 color description : Soft pink.

The hexadecimal color #f25a96 has RGB values of R:242, G:90, B:150 and CMYK values of C:0, M:0.63, Y:0.38, K:0.05. Its decimal value is 15882902.

Hex triplet	f25a96	`#f25a96`
RGB Decimal	242, 90, 150	`rgb(242,90,150)`
RGB Percent	94.9, 35.3, 58.8	`rgb(94.9%,35.3%,58.8%)`
CMYK	0, 63, 38, 5
HSL	336.3°, 85.4, 65.1	`hsl(336.3,85.4%,65.1%)`
HSV (or HSB)	336.3°, 62.8, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.245, 63.296, -1.408
XYZ	45.78, 28.396, 31.923
xyY	0.431, 0.268, 28.396
CIE-LCH	60.245, 63.312, 358.725
CIE-LUV	60.245, 97.778, -14.093
Hunter-Lab	53.288, 60.098, 1.783
Binary	11110010, 01011010, 10010110

#f25a96
```
#f25a96 rgb(242,90,150)
```
#5af2b6
```
#5af2b6 rgb(90,242,182)
```

Complementary Color

#f25ae2
```
#f25ae2 rgb(242,90,226)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#f26a5a
```
#f26a5a rgb(242,106,90)
```

Analogous Color

#5ae2f2
```
#5ae2f2 rgb(90,226,242)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#5af26a
```
#5af26a rgb(90,242,106)
```

Split Complementary Color

#5a96f2
```
#5a96f2 rgb(90,150,242)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#96f25a
```
#96f25a rgb(150,242,90)
```

Triadic Color

#b65af2
```
#b65af2 rgb(182,90,242)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#96f25a
```
#96f25a rgb(150,242,90)
```
#5af2b6
```
#5af2b6 rgb(90,242,182)
```

Tetradic Color

#ec1369
```
#ec1369 rgb(236,19,105)
```
#ee2b78
```
#ee2b78 rgb(238,43,120)
```
#f04287
```
#f04287 rgb(240,66,135)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#f472a5
```
#f472a5 rgb(244,114,165)
```
#f689b4
```
#f689b4 rgb(246,137,180)
```
#f8a1c3
```
#f8a1c3 rgb(248,161,195)
```

Monochromatic Color

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

#f25abc
```
#f25abc rgb(242,90,188)
```
#f25aaf
```
#f25aaf rgb(242,90,175)
```
#f25aa3
```
#f25aa3 rgb(242,90,163)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#f25a89
```
#f25a89 rgb(242,90,137)
```
#f25a7d
```
#f25a7d rgb(242,90,125)
```
#f25a70
```
#f25a70 rgb(242,90,112)
```

Similar Colors

Text with hexadecimal color #f25a96

This text has a font color of #f25a96.

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

#f25a96 background color

This paragraph has a background color of #f25a96.

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

#f25a96 border color

This element has a border color of #f25a96.

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

CSS codes

.text {color:#f25a96;}

.background {background-color:#f25a96;}

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

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

#110107
```
#110107 rgb(17,1,7)
```
#23030f
```
#23030f rgb(35,3,15)
```
#350418
```
#350418 rgb(53,4,24)
```
#470620
```
#470620 rgb(71,6,32)
```
#5a0728
```
#5a0728 rgb(90,7,40)
```
#6c0830
```
#6c0830 rgb(108,8,48)
```
#7e0a38
```
#7e0a38 rgb(126,10,56)
```
#900b40
```
#900b40 rgb(144,11,64)
```
#a20d48
```
#a20d48 rgb(162,13,72)
```
#b40e50
```
#b40e50 rgb(180,14,80)
```
#c71058
```
#c71058 rgb(199,16,88)
```
#d91160
```
#d91160 rgb(217,17,96)
```
#eb1368
```
#eb1368 rgb(235,19,104)
```

Shade Color Variation

#ee2373
```
#ee2373 rgb(238,35,115)
```
#ef367f
```
#ef367f rgb(239,54,127)
```
#f1488a
```
#f1488a rgb(241,72,138)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#f36ca2
```
#f36ca2 rgb(243,108,162)
```
#f57ead
```
#f57ead rgb(245,126,173)
```
#f691b9
```
#f691b9 rgb(246,145,185)
```
#f8a3c4
```
#f8a3c4 rgb(248,163,196)
```
#f9b5d0
```
#f9b5d0 rgb(249,181,208)
```
#fbc7db
```
#fbc7db rgb(251,199,219)
```
#fcd9e7
```
#fcd9e7 rgb(252,217,231)
```
#fdebf3
```
#fdebf3 rgb(253,235,243)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a7a5a6
```
#a7a5a6 rgb(167,165,166)
```
#ae9ea4
```
#ae9ea4 rgb(174,158,164)
```
#b498a3
```
#b498a3 rgb(180,152,163)
```
#bb91a2
```
#bb91a2 rgb(187,145,162)
```
#c28aa0
```
#c28aa0 rgb(194,138,160)
```
#c9839f
```
#c9839f rgb(201,131,159)
```
#d07c9d
```
#d07c9d rgb(208,124,157)
```
#d7759c
```
#d7759c rgb(215,117,156)
```
#dd6f9a
```
#dd6f9a rgb(221,111,154)
```
#e46899
```
#e46899 rgb(228,104,153)
```
#eb6197
```
#eb6197 rgb(235,97,151)
```
#f25a96
```
#f25a96 rgb(242,90,150)
```
#f95395
```
#f95395 rgb(249,83,149)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a28490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e95b7 Protanopia 1% of men
#a79290 Deuteranopia 1% of men
#ef6b72 Tritanopia 0.001% of the population

Trichromacy

#b27fab Protanomaly 1% of men, 0.01% of women
#c27d92 Deuteranomaly 6% of men, 0.4% of women
#f0657f Tritanomaly 0.01% of the population

#f25a96 hex color

#f25a96 Color Information

#f25a96 Color Conversion

Color Schemes with #f25a96

Alternatives to #f25a96

#f25a96 Preview

Shades and Tints of #f25a96

Tones of #f25a96

Color Blindness Simulator