#f04178 hex color

In a RGB color space, hex #f04178 is composed of 94.1% red, 25.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 50% yellow and 5.9% black. It has a hue angle of 341.1 degrees, a saturation of 85.4% and a lightness of 59.8%. #f04178 color hex could be obtained by blending #ff82f0 with #e10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 94
- G 25
- B 47
RGB color chart
- C 0
- M 73
- Y 50
- K 6
CMYK color chart

● #f04178 color description : Bright pink.

The hexadecimal color #f04178 has RGB values of R:240, G:65, B:120 and CMYK values of C:0, M:0.73, Y:0.5, K:0.06. Its decimal value is 15745400.

Hex triplet	f04178	`#f04178`
RGB Decimal	240, 65, 120	`rgb(240,65,120)`
RGB Percent	94.1, 25.5, 47.1	`rgb(94.1%,25.5%,47.1%)`
CMYK	0, 73, 50, 6
HSL	341.1°, 85.4, 59.8	`hsl(341.1,85.4%,59.8%)`
HSV (or HSB)	341.1°, 72.9, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.752, 69.18, 9.708
XYZ	41.217, 23.666, 20.166
xyY	0.485, 0.278, 23.666
CIE-LCH	55.752, 69.858, 7.988
CIE-LUV	55.752, 118.248, -1.423
Hunter-Lab	48.648, 66.1, 9.476
Binary	11110000, 01000001, 01111000

#f04178
```
#f04178 rgb(240,65,120)
```
#41f0b9
```
#41f0b9 rgb(65,240,185)
```

Complementary Color

#f041d0
```
#f041d0 rgb(240,65,208)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#f06241
```
#f06241 rgb(240,98,65)
```

Analogous Color

#41d0f0
```
#41d0f0 rgb(65,208,240)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#41f062
```
#41f062 rgb(65,240,98)
```

Split Complementary Color

#4178f0
```
#4178f0 rgb(65,120,240)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#78f041
```
#78f041 rgb(120,240,65)
```

Triadic Color

#b941f0
```
#b941f0 rgb(185,65,240)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#78f041
```
#78f041 rgb(120,240,65)
```
#41f0b9
```
#41f0b9 rgb(65,240,185)
```

Tetradic Color

#d4114e
```
#d4114e rgb(212,17,78)
```
#eb1357
```
#eb1357 rgb(235,19,87)
```
#ee2967
```
#ee2967 rgb(238,41,103)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#f25989
```
#f25989 rgb(242,89,137)
```
#f4709a
```
#f4709a rgb(244,112,154)
```
#f688aa
```
#f688aa rgb(246,136,170)
```

Monochromatic Color

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

#f041a4
```
#f041a4 rgb(240,65,164)
```
#f04195
```
#f04195 rgb(240,65,149)
```
#f04187
```
#f04187 rgb(240,65,135)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#f04169
```
#f04169 rgb(240,65,105)
```
#f0415b
```
#f0415b rgb(240,65,91)
```
#f0414c
```
#f0414c rgb(240,65,76)
```

Similar Colors

Text with hexadecimal color #f04178

This text has a font color of #f04178.

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

#f04178 background color

This paragraph has a background color of #f04178.

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

#f04178 border color

This element has a border color of #f04178.

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

CSS codes

.text {color:#f04178;}

.background {background-color:#f04178;}

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

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

#0a0104
```
#0a0104 rgb(10,1,4)
```
#1c020a
```
#1c020a rgb(28,2,10)
```
#2e0411
```
#2e0411 rgb(46,4,17)
```
#410518
```
#410518 rgb(65,5,24)
```
#53071e
```
#53071e rgb(83,7,30)
```
#650825
```
#650825 rgb(101,8,37)
```
#77092c
```
#77092c rgb(119,9,44)
```
#890b33
```
#890b33 rgb(137,11,51)
```
#9b0c39
```
#9b0c39 rgb(155,12,57)
```
#ae0e40
```
#ae0e40 rgb(174,14,64)
```
#c00f47
```
#c00f47 rgb(192,15,71)
```
#d2114d
```
#d2114d rgb(210,17,77)
```
#e41254
```
#e41254 rgb(228,18,84)
```

Shade Color Variation

#ed1d5e
```
#ed1d5e rgb(237,29,94)
```
#ef2f6b
```
#ef2f6b rgb(239,47,107)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#f15385
```
#f15385 rgb(241,83,133)
```
#f36592
```
#f36592 rgb(243,101,146)
```
#f4789f
```
#f4789f rgb(244,120,159)
```
#f68aac
```
#f68aac rgb(246,138,172)
```
#f79cb9
```
#f79cb9 rgb(247,156,185)
```
#f9aec6
```
#f9aec6 rgb(249,174,198)
```
#fac0d2
```
#fac0d2 rgb(250,192,210)
```
#fbd2df
```
#fbd2df rgb(251,210,223)
```
#fde5ec
```
#fde5ec rgb(253,229,236)
```
#fef7f9
```
#fef7f9 rgb(254,247,249)
```

Tint Color Variation

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

#999898
```
#999898 rgb(153,152,152)
```
#a19095
```
#a19095 rgb(161,144,149)
```
#a98892
```
#a98892 rgb(169,136,146)
```
#b1808f
```
#b1808f rgb(177,128,143)
```
#b9788d
```
#b9788d rgb(185,120,141)
```
#c1708a
```
#c1708a rgb(193,112,138)
```
#c96887
```
#c96887 rgb(201,104,135)
```
#d06184
```
#d06184 rgb(208,97,132)
```
#d85981
```
#d85981 rgb(216,89,129)
```
#e0517e
```
#e0517e rgb(224,81,126)
```
#e8497b
```
#e8497b rgb(232,73,123)
```
#f04178
```
#f04178 rgb(240,65,120)
```
#f83975
```
#f83975 rgb(248,57,117)
```

Tone Color Variation

Below, you can see how #f04178 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
#93707b Atypical Achromatopsia 0.001% of the population

Dichromacy

#888a9d Protanopia 1% of men
#a18673 Deuteranopia 1% of men
#ee5458 Tritanopia 0.001% of the population

Trichromacy

#ae708f Protanomaly 1% of men, 0.01% of women
#be6d75 Deuteranomaly 6% of men, 0.4% of women
#ef4d63 Tritanomaly 0.01% of the population

#f04178 hex color

#f04178 Color Information

#f04178 Color Conversion

Color Schemes with #f04178

Alternatives to #f04178

#f04178 Preview

Shades and Tints of #f04178

Tones of #f04178

Color Blindness Simulator