colorhexa.com

#f25a88 hex color

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

- R 95
- G 35
- B 53
RGB color chart
- C 0
- M 63
- Y 44
- K 5
CMYK color chart

● #f25a88 color description : Soft pink.

The hexadecimal color #f25a88 has RGB values of R:242, G:90, B:136 and CMYK values of C:0, M:0.63, Y:0.44, K:0.05. Its decimal value is 15882888.

Hex triplet	f25a88	`#f25a88`
RGB Decimal	242, 90, 136	`rgb(242,90,136)`
RGB Percent	94.9, 35.3, 53.3	`rgb(94.9%,35.3%,53.3%)`
CMYK	0, 63, 44, 5
HSL	341.8°, 85.4, 65.1	`hsl(341.8,85.4%,65.1%)`
HSV (or HSB)	341.8°, 62.8, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.863, 61.89, 6.187
XYZ	44.719, 27.971, 26.335
xyY	0.452, 0.282, 27.971
CIE-LCH	59.863, 62.199, 5.709
CIE-LUV	59.863, 102.261, -3.871
Hunter-Lab	52.888, 58.376, 7.498
Binary	11110010, 01011010, 10001000

#f25a88
```
#f25a88 rgb(242,90,136)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```

Complementary Color

#f25ad4
```
#f25ad4 rgb(242,90,212)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#f2785a
```
#f2785a rgb(242,120,90)
```

Analogous Color

#5ad4f2
```
#5ad4f2 rgb(90,212,242)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#5af278
```
#5af278 rgb(90,242,120)
```

Split Complementary Color

#5a88f2
```
#5a88f2 rgb(90,136,242)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#88f25a
```
#88f25a rgb(136,242,90)
```

Triadic Color

#c45af2
```
#c45af2 rgb(196,90,242)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#88f25a
```
#88f25a rgb(136,242,90)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```

Tetradic Color

#ec1355
```
#ec1355 rgb(236,19,85)
```
#ee2b66
```
#ee2b66 rgb(238,43,102)
```
#f04277
```
#f04277 rgb(240,66,119)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#f47299
```
#f47299 rgb(244,114,153)
```
#f689aa
```
#f689aa rgb(246,137,170)
```
#f8a1bb
```
#f8a1bb rgb(248,161,187)
```

Monochromatic Color

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

#f25aae
```
#f25aae rgb(242,90,174)
```
#f25aa1
```
#f25aa1 rgb(242,90,161)
```
#f25a95
```
#f25a95 rgb(242,90,149)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#f25a7b
```
#f25a7b rgb(242,90,123)
```
#f25a6f
```
#f25a6f rgb(242,90,111)
```
#f25a62
```
#f25a62 rgb(242,90,98)
```

Similar Colors

Text with hexadecimal color #f25a88

This text has a font color of #f25a88.

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

#f25a88 background color

This paragraph has a background color of #f25a88.

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

#f25a88 border color

This element has a border color of #f25a88.

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

CSS codes

.text {color:#f25a88;}

.background {background-color:#f25a88;}

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

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

#110106
```
#110106 rgb(17,1,6)
```
#23030d
```
#23030d rgb(35,3,13)
```
#350413
```
#350413 rgb(53,4,19)
```
#47061a
```
#47061a rgb(71,6,26)
```
#5a0720
```
#5a0720 rgb(90,7,32)
```
#6c0827
```
#6c0827 rgb(108,8,39)
```
#7e0a2d
```
#7e0a2d rgb(126,10,45)
```
#900b34
```
#900b34 rgb(144,11,52)
```
#a20d3a
```
#a20d3a rgb(162,13,58)
```
#b40e41
```
#b40e41 rgb(180,14,65)
```
#c71047
```
#c71047 rgb(199,16,71)
```
#d9114e
```
#d9114e rgb(217,17,78)
```
#eb1354
```
#eb1354 rgb(235,19,84)
```

Shade Color Variation

#ee2361
```
#ee2361 rgb(238,35,97)
```
#ef366e
```
#ef366e rgb(239,54,110)
```
#f1487b
```
#f1487b rgb(241,72,123)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#f36c95
```
#f36c95 rgb(243,108,149)
```
#f57ea2
```
#f57ea2 rgb(245,126,162)
```
#f691af
```
#f691af rgb(246,145,175)
```
#f8a3bc
```
#f8a3bc rgb(248,163,188)
```
#f9b5ca
```
#f9b5ca rgb(249,181,202)
```
#fbc7d7
```
#fbc7d7 rgb(251,199,215)
```
#fcd9e4
```
#fcd9e4 rgb(252,217,228)
```
#fdebf1
```
#fdebf1 rgb(253,235,241)
```
#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 #f95385 is the most saturated one.

#a7a5a6
```
#a7a5a6 rgb(167,165,166)
```
#ae9ea3
```
#ae9ea3 rgb(174,158,163)
```
#b498a0
```
#b498a0 rgb(180,152,160)
```
#bb919e
```
#bb919e rgb(187,145,158)
```
#c28a9b
```
#c28a9b rgb(194,138,155)
```
#c98398
```
#c98398 rgb(201,131,152)
```
#d07c96
```
#d07c96 rgb(208,124,150)
```
#d77593
```
#d77593 rgb(215,117,147)
```
#dd6f90
```
#dd6f90 rgb(221,111,144)
```
#e4688d
```
#e4688d rgb(228,104,141)
```
#eb618b
```
#eb618b rgb(235,97,139)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```
#f95385
```
#f95385 rgb(249,83,133)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a1838c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9294a7 Protanopia 1% of men
#aa9083 Deuteranopia 1% of men
#f0696f Tritanopia 0.001% of the population

Trichromacy

#b57f9c Protanomaly 1% of men, 0.01% of women
#c47c85 Deuteranomaly 6% of men, 0.4% of women
#f16378 Tritanomaly 0.01% of the population