#f25474 hex color

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

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

● #f25474 color description : Soft red.

The hexadecimal color #f25474 has RGB values of R:242, G:84, B:116 and CMYK values of C:0, M:0.65, Y:0.52, K:0.05. Its decimal value is 15881332.

Hex triplet	f25474	`#f25474`
RGB Decimal	242, 84, 116	`rgb(242,84,116)`
RGB Percent	94.9, 32.9, 45.5	`rgb(94.9%,32.9%,45.5%)`
CMYK	0, 65, 52, 5
HSL	347.8°, 85.9, 63.9	`hsl(347.8,85.9%,63.9%)`
HSV (or HSB)	347.8°, 65.3, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.493, 62.574, 15.948
XYZ	42.942, 26.483, 19.373
xyY	0.484, 0.298, 26.483
CIE-LCH	58.493, 64.574, 14.298
CIE-LUV	58.493, 111.676, 7.589
Hunter-Lab	51.462, 58.89, 13.704
Binary	11110010, 01010100, 01110100

#f25474
```
#f25474 rgb(242,84,116)
```
#54f2d2
```
#54f2d2 rgb(84,242,210)
```

Complementary Color

#f254c3
```
#f254c3 rgb(242,84,195)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#f28354
```
#f28354 rgb(242,131,84)
```

Analogous Color

#54c3f2
```
#54c3f2 rgb(84,195,242)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#54f283
```
#54f283 rgb(84,242,131)
```

Split Complementary Color

#5474f2
```
#5474f2 rgb(84,116,242)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#74f254
```
#74f254 rgb(116,242,84)
```

Triadic Color

#d254f2
```
#d254f2 rgb(210,84,242)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#74f254
```
#74f254 rgb(116,242,84)
```
#54f2d2
```
#54f2d2 rgb(84,242,210)
```

Tetradic Color

#e8123d
```
#e8123d rgb(232,18,61)
```
#ee254d
```
#ee254d rgb(238,37,77)
```
#f03c61
```
#f03c61 rgb(240,60,97)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#f46c87
```
#f46c87 rgb(244,108,135)
```
#f6839b
```
#f6839b rgb(246,131,155)
```
#f79bae
```
#f79bae rgb(247,155,174)
```

Monochromatic Color

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

#f2549c
```
#f2549c rgb(242,84,156)
```
#f2548e
```
#f2548e rgb(242,84,142)
```
#f25481
```
#f25481 rgb(242,84,129)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#f25467
```
#f25467 rgb(242,84,103)
```
#f2545a
```
#f2545a rgb(242,84,90)
```
#f25b54
```
#f25b54 rgb(242,91,84)
```

Similar Colors

Text with hexadecimal color #f25474

This text has a font color of #f25474.

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

#f25474 background color

This paragraph has a background color of #f25474.

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

#f25474 border color

This element has a border color of #f25474.

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

CSS codes

.text {color:#f25474;}

.background {background-color:#f25474;}

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

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)
```
#1e0208
```
#1e0208 rgb(30,2,8)
```
#30040d
```
#30040d rgb(48,4,13)
```
#420511
```
#420511 rgb(66,5,17)
```
#540616
```
#540616 rgb(84,6,22)
```
#66081b
```
#66081b rgb(102,8,27)
```
#790920
```
#790920 rgb(121,9,32)
```
#8b0b25
```
#8b0b25 rgb(139,11,37)
```
#9d0c29
```
#9d0c29 rgb(157,12,41)
```
#af0d2e
```
#af0d2e rgb(175,13,46)
```
#c20f33
```
#c20f33 rgb(194,15,51)
```
#d41038
```
#d41038 rgb(212,16,56)
```
#e6113d
```
#e6113d rgb(230,17,61)
```

Shade Color Variation

#ee1d48
```
#ee1d48 rgb(238,29,72)
```
#ef3056
```
#ef3056 rgb(239,48,86)
```
#f14265
```
#f14265 rgb(241,66,101)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#f36683
```
#f36683 rgb(243,102,131)
```
#f57892
```
#f57892 rgb(245,120,146)
```
#f68ba0
```
#f68ba0 rgb(246,139,160)
```
#f89daf
```
#f89daf rgb(248,157,175)
```
#f9afbe
```
#f9afbe rgb(249,175,190)
```
#fac1cd
```
#fac1cd rgb(250,193,205)
```
#fcd4dc
```
#fcd4dc rgb(252,212,220)
```
#fde6eb
```
#fde6eb rgb(253,230,235)
```
#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 #f94d70 is the most saturated one.

#a4a2a2
```
#a4a2a2 rgb(164,162,162)
```
#ab9b9e
```
#ab9b9e rgb(171,155,158)
```
#b2949a
```
#b2949a rgb(178,148,154)
```
#b98d96
```
#b98d96 rgb(185,141,150)
```
#c08691
```
#c08691 rgb(192,134,145)
```
#c87e8d
```
#c87e8d rgb(200,126,141)
```
#cf7789
```
#cf7789 rgb(207,119,137)
```
#d67085
```
#d67085 rgb(214,112,133)
```
#dd6981
```
#dd6981 rgb(221,105,129)
```
#e4627c
```
#e4627c rgb(228,98,124)
```
#eb5b78
```
#eb5b78 rgb(235,91,120)
```
#f25474
```
#f25474 rgb(242,84,116)
```
#f94d70
```
#f94d70 rgb(249,77,112)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9c7d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949193 Protanopia 1% of men
#ab8d71 Deuteranopia 1% of men
#f16066 Tritanopia 0.001% of the population

Trichromacy

#b67b87 Protanomaly 1% of men, 0.01% of women
#c57872 Deuteranomaly 6% of men, 0.4% of women
#f15c6b Tritanomaly 0.01% of the population

#f25474 hex color

#f25474 Color Information

#f25474 Color Conversion

Color Schemes with #f25474

Alternatives to #f25474

#f25474 Preview

Shades and Tints of #f25474

Tones of #f25474

Color Blindness Simulator