#f25470 hex color

In a RGB color space, hex #f25470 is composed of 94.9% red, 32.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 53.7% yellow and 5.1% black. It has a hue angle of 349.4 degrees, a saturation of 85.9% and a lightness of 63.9%. #f25470 color hex could be obtained by blending #ffa8e0 with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 33
- B 44
RGB color chart
- C 0
- M 65
- Y 54
- K 5
CMYK color chart

● #f25470 color description : Soft red.

The hexadecimal color #f25470 has RGB values of R:242, G:84, B:112 and CMYK values of C:0, M:0.65, Y:0.54, K:0.05. Its decimal value is 15881328.

Hex triplet	f25470	`#f25470`
RGB Decimal	242, 84, 112	`rgb(242,84,112)`
RGB Percent	94.9, 32.9, 43.9	`rgb(94.9%,32.9%,43.9%)`
CMYK	0, 65, 54, 5
HSL	349.4°, 85.9, 63.9	`hsl(349.4,85.9%,63.9%)`
HSV (or HSB)	349.4°, 65.3, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.407, 62.263, 18.172
XYZ	42.714, 26.392, 18.173
xyY	0.489, 0.302, 26.392
CIE-LCH	58.407, 64.861, 16.27
CIE-LUV	58.407, 112.865, 10.14
Hunter-Lab	51.373, 58.511, 14.987
Binary	11110010, 01010100, 01110000

#f25470
```
#f25470 rgb(242,84,112)
```
#54f2d6
```
#54f2d6 rgb(84,242,214)
```

Complementary Color

#f254bf
```
#f254bf rgb(242,84,191)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#f28754
```
#f28754 rgb(242,135,84)
```

Analogous Color

#54bff2
```
#54bff2 rgb(84,191,242)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#54f287
```
#54f287 rgb(84,242,135)
```

Split Complementary Color

#5470f2
```
#5470f2 rgb(84,112,242)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#70f254
```
#70f254 rgb(112,242,84)
```

Triadic Color

#d654f2
```
#d654f2 rgb(214,84,242)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#70f254
```
#70f254 rgb(112,242,84)
```
#54f2d6
```
#54f2d6 rgb(84,242,214)
```

Tetradic Color

#e81238
```
#e81238 rgb(232,18,56)
```
#ee2548
```
#ee2548 rgb(238,37,72)
```
#f03c5c
```
#f03c5c rgb(240,60,92)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#f46c84
```
#f46c84 rgb(244,108,132)
```
#f68398
```
#f68398 rgb(246,131,152)
```
#f79bab
```
#f79bab rgb(247,155,171)
```

Monochromatic Color

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

#f25498
```
#f25498 rgb(242,84,152)
```
#f2548a
```
#f2548a rgb(242,84,138)
```
#f2547d
```
#f2547d rgb(242,84,125)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#f25463
```
#f25463 rgb(242,84,99)
```
#f25456
```
#f25456 rgb(242,84,86)
```
#f25f54
```
#f25f54 rgb(242,95,84)
```

Similar Colors

Text with hexadecimal color #f25470

This text has a font color of #f25470.

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

#f25470 background color

This paragraph has a background color of #f25470.

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

#f25470 border color

This element has a border color of #f25470.

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

CSS codes

.text {color:#f25470;}

.background {background-color:#f25470;}

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

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, #0b0103 is the darkest color, while #fef8f9 is the lightest one.

#0b0103
```
#0b0103 rgb(11,1,3)
```
#1e0207
```
#1e0207 rgb(30,2,7)
```
#30040b
```
#30040b rgb(48,4,11)
```
#420510
```
#420510 rgb(66,5,16)
```
#540614
```
#540614 rgb(84,6,20)
```
#660819
```
#660819 rgb(102,8,25)
```
#79091d
```
#79091d rgb(121,9,29)
```
#8b0b21
```
#8b0b21 rgb(139,11,33)
```
#9d0c26
```
#9d0c26 rgb(157,12,38)
```
#af0d2a
```
#af0d2a rgb(175,13,42)
```
#c20f2e
```
#c20f2e rgb(194,15,46)
```
#d41033
```
#d41033 rgb(212,16,51)
```
#e61137
```
#e61137 rgb(230,17,55)
```

Shade Color Variation

#ee1d42
```
#ee1d42 rgb(238,29,66)
```
#ef3052
```
#ef3052 rgb(239,48,82)
```
#f14261
```
#f14261 rgb(241,66,97)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#f3667f
```
#f3667f rgb(243,102,127)
```
#f5788e
```
#f5788e rgb(245,120,142)
```
#f68b9e
```
#f68b9e rgb(246,139,158)
```
#f89dad
```
#f89dad rgb(248,157,173)
```
#f9afbc
```
#f9afbc rgb(249,175,188)
```
#fac1cb
```
#fac1cb rgb(250,193,203)
```
#fcd4db
```
#fcd4db rgb(252,212,219)
```
#fde6ea
```
#fde6ea rgb(253,230,234)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#a4a2a2
```
#a4a2a2 rgb(164,162,162)
```
#ab9b9e
```
#ab9b9e rgb(171,155,158)
```
#b29499
```
#b29499 rgb(178,148,153)
```
#b98d95
```
#b98d95 rgb(185,141,149)
```
#c08690
```
#c08690 rgb(192,134,144)
```
#c87e8b
```
#c87e8b rgb(200,126,139)
```
#cf7787
```
#cf7787 rgb(207,119,135)
```
#d67082
```
#d67082 rgb(214,112,130)
```
#dd697e
```
#dd697e rgb(221,105,126)
```
#e46279
```
#e46279 rgb(228,98,121)
```
#eb5b75
```
#eb5b75 rgb(235,91,117)
```
#f25470
```
#f25470 rgb(242,84,112)
```
#f94d6b
```
#f94d6b rgb(249,77,107)
```

Tone Color Variation

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

Dichromacy

#95918e Protanopia 1% of men
#ac8c6d Deuteranopia 1% of men
#f16065 Tritanopia 0.001% of the population

Trichromacy

#b77b83 Protanomaly 1% of men, 0.01% of women
#c5786e Deuteranomaly 6% of men, 0.4% of women
#f15b69 Tritanomaly 0.01% of the population

#f25470 hex color

#f25470 Color Information

#f25470 Color Conversion

Color Schemes with #f25470

Alternatives to #f25470

#f25470 Preview

Shades and Tints of #f25470

Tones of #f25470

Color Blindness Simulator