#f54074 hex color

In a RGB color space, hex #f54074 is composed of 96.1% red, 25.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 52.7% yellow and 3.9% black. It has a hue angle of 342.8 degrees, a saturation of 90% and a lightness of 60.6%. #f54074 color hex could be obtained by blending #ff80e8 with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 25
- B 45
RGB color chart
- C 0
- M 74
- Y 53
- K 4
CMYK color chart

● #f54074 color description : Bright pink.

The hexadecimal color #f54074 has RGB values of R:245, G:64, B:116 and CMYK values of C:0, M:0.74, Y:0.53, K:0.04. Its decimal value is 16072820.

Hex triplet	f54074	`#f54074`
RGB Decimal	245, 64, 116	`rgb(245,64,116)`
RGB Percent	96.1, 25.1, 45.5	`rgb(96.1%,25.1%,45.5%)`
CMYK	0, 74, 53, 4
HSL	342.8°, 90, 60.6	`hsl(342.8,90%,60.6%)`
HSV (or HSB)	342.8°, 73.9, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.431, 70.568, 13.168
XYZ	42.643, 24.345, 18.976
xyY	0.496, 0.283, 24.345
CIE-LCH	56.431, 71.786, 10.569
CIE-LUV	56.431, 124.118, 2.285
Hunter-Lab	49.341, 67.926, 11.736
Binary	11110101, 01000000, 01110100

#f54074
```
#f54074 rgb(245,64,116)
```
#40f5c1
```
#40f5c1 rgb(64,245,193)
```

Complementary Color

#f540cf
```
#f540cf rgb(245,64,207)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#f56740
```
#f56740 rgb(245,103,64)
```

Analogous Color

#40cff5
```
#40cff5 rgb(64,207,245)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#40f567
```
#40f567 rgb(64,245,103)
```

Split Complementary Color

#4074f5
```
#4074f5 rgb(64,116,245)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#74f540
```
#74f540 rgb(116,245,64)
```

Triadic Color

#c140f5
```
#c140f5 rgb(193,64,245)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#74f540
```
#74f540 rgb(116,245,64)
```
#40f5c1
```
#40f5c1 rgb(64,245,193)
```

Tetradic Color

#dd0c48
```
#dd0c48 rgb(221,12,72)
```
#f21051
```
#f21051 rgb(242,16,81)
```
#f42862
```
#f42862 rgb(244,40,98)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#f65886
```
#f65886 rgb(246,88,134)
```
#f87097
```
#f87097 rgb(248,112,151)
```
#f989a9
```
#f989a9 rgb(249,137,169)
```

Monochromatic Color

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

#f540a1
```
#f540a1 rgb(245,64,161)
```
#f54092
```
#f54092 rgb(245,64,146)
```
#f54083
```
#f54083 rgb(245,64,131)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#f54065
```
#f54065 rgb(245,64,101)
```
#f54056
```
#f54056 rgb(245,64,86)
```
#f54047
```
#f54047 rgb(245,64,71)
```

Similar Colors

Text with hexadecimal color #f54074

This text has a font color of #f54074.

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

#f54074 background color

This paragraph has a background color of #f54074.

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

#f54074 border color

This element has a border color of #f54074.

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

CSS codes

.text {color:#f54074;}

.background {background-color:#f54074;}

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

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

#0e0105
```
#0e0105 rgb(14,1,5)
```
#21020b
```
#21020b rgb(33,2,11)
```
#330311
```
#330311 rgb(51,3,17)
```
#460417
```
#460417 rgb(70,4,23)
```
#59051d
```
#59051d rgb(89,5,29)
```
#6b0623
```
#6b0623 rgb(107,6,35)
```
#7e0729
```
#7e0729 rgb(126,7,41)
```
#91082f
```
#91082f rgb(145,8,47)
```
#a30935
```
#a30935 rgb(163,9,53)
```
#b60a3b
```
#b60a3b rgb(182,10,59)
```
#c80a41
```
#c80a41 rgb(200,10,65)
```
#db0b47
```
#db0b47 rgb(219,11,71)
```
#ee0c4d
```
#ee0c4d rgb(238,12,77)
```

Shade Color Variation

#f31b59
```
#f31b59 rgb(243,27,89)
```
#f42d66
```
#f42d66 rgb(244,45,102)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#f65382
```
#f65382 rgb(246,83,130)
```
#f7658f
```
#f7658f rgb(247,101,143)
```
#f8789d
```
#f8789d rgb(248,120,157)
```
#f98baa
```
#f98baa rgb(249,139,170)
```
#fa9db8
```
#fa9db8 rgb(250,157,184)
```
#fbb0c5
```
#fbb0c5 rgb(251,176,197)
```
#fcc2d3
```
#fcc2d3 rgb(252,194,211)
```
#fdd5e1
```
#fdd5e1 rgb(253,213,225)
```
#fee8ee
```
#fee8ee rgb(254,232,238)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#a09598
```
#a09598 rgb(160,149,152)
```
#a88d95
```
#a88d95 rgb(168,141,149)
```
#af8692
```
#af8692 rgb(175,134,146)
```
#b77e8e
```
#b77e8e rgb(183,126,142)
```
#bf768b
```
#bf768b rgb(191,118,139)
```
#c76e88
```
#c76e88 rgb(199,110,136)
```
#ce6784
```
#ce6784 rgb(206,103,132)
```
#d65f81
```
#d65f81 rgb(214,95,129)
```
#de577e
```
#de577e rgb(222,87,126)
```
#e64f7b
```
#e64f7b rgb(230,79,123)
```
#ed4877
```
#ed4877 rgb(237,72,119)
```
#f54074
```
#f54074 rgb(245,64,116)
```
#fd3871
```
#fd3871 rgb(253,56,113)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#94707a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8c99 Protanopia 1% of men
#a4886f Deuteranopia 1% of men
#f35256 Tritanopia 0.001% of the population

Trichromacy

#b2708b Protanomaly 1% of men, 0.01% of women
#c26d71 Deuteranomaly 6% of men, 0.4% of women
#f44b61 Tritanomaly 0.01% of the population

#f54074 hex color

#f54074 Color Information

#f54074 Color Conversion

Color Schemes with #f54074

Alternatives to #f54074

#f54074 Preview

Shades and Tints of #f54074

Tones of #f54074

Color Blindness Simulator