#f04c64 hex color

In a RGB color space, hex #f04c64 is composed of 94.1% red, 29.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 58.3% yellow and 5.9% black. It has a hue angle of 351.2 degrees, a saturation of 84.5% and a lightness of 62%. #f04c64 color hex could be obtained by blending #ff98c8 with #e10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 94
- G 30
- B 39
RGB color chart
- C 0
- M 68
- Y 58
- K 6
CMYK color chart

● #f04c64 color description : Soft red.

The hexadecimal color #f04c64 has RGB values of R:240, G:76, B:100 and CMYK values of C:0, M:0.68, Y:0.58, K:0.06. Its decimal value is 15748196.

Hex triplet	f04c64	`#f04c64`
RGB Decimal	240, 76, 100	`rgb(240,76,100)`
RGB Percent	94.1, 29.8, 39.2	`rgb(94.1%,29.8%,39.2%)`
CMYK	0, 68, 58, 6
HSL	351.2°, 84.5, 62	`hsl(351.2,84.5%,62%)`
HSV (or HSB)	351.2°, 68.3, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.702, 63.871, 22.845
XYZ	40.821, 24.619, 14.658
xyY	0.51, 0.307, 24.619
CIE-LCH	56.702, 67.834, 19.681
CIE-LUV	56.702, 119.237, 14.46
Hunter-Lab	49.617, 60.027, 17.216
Binary	11110000, 01001100, 01100100

#f04c64
```
#f04c64 rgb(240,76,100)
```
#4cf0d8
```
#4cf0d8 rgb(76,240,216)
```

Complementary Color

#f04cb6
```
#f04cb6 rgb(240,76,182)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#f0864c
```
#f0864c rgb(240,134,76)
```

Analogous Color

#4cb6f0
```
#4cb6f0 rgb(76,182,240)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#4cf086
```
#4cf086 rgb(76,240,134)
```

Split Complementary Color

#4c64f0
```
#4c64f0 rgb(76,100,240)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#64f04c
```
#64f04c rgb(100,240,76)
```

Triadic Color

#d84cf0
```
#d84cf0 rgb(216,76,240)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#64f04c
```
#64f04c rgb(100,240,76)
```
#4cf0d8
```
#4cf0d8 rgb(76,240,216)
```

Tetradic Color

#dd1330
```
#dd1330 rgb(221,19,48)
```
#ec1d3b
```
#ec1d3b rgb(236,29,59)
```
#ee3450
```
#ee3450 rgb(238,52,80)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#f26478
```
#f26478 rgb(242,100,120)
```
#f47b8d
```
#f47b8d rgb(244,123,141)
```
#f693a1
```
#f693a1 rgb(246,147,161)
```

Monochromatic Color

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

#f04c8d
```
#f04c8d rgb(240,76,141)
```
#f04c7f
```
#f04c7f rgb(240,76,127)
```
#f04c72
```
#f04c72 rgb(240,76,114)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#f04c56
```
#f04c56 rgb(240,76,86)
```
#f04f4c
```
#f04f4c rgb(240,79,76)
```
#f05d4c
```
#f05d4c rgb(240,93,76)
```

Similar Colors

Text with hexadecimal color #f04c64

This text has a font color of #f04c64.

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

#f04c64 background color

This paragraph has a background color of #f04c64.

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

#f04c64 border color

This element has a border color of #f04c64.

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

CSS codes

.text {color:#f04c64;}

.background {background-color:#f04c64;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140204
```
#140204 rgb(20,2,4)
```
#260308
```
#260308 rgb(38,3,8)
```
#38050c
```
#38050c rgb(56,5,12)
```
#4a0610
```
#4a0610 rgb(74,6,16)
```
#5c0814
```
#5c0814 rgb(92,8,20)
```
#6f0918
```
#6f0918 rgb(111,9,24)
```
#810b1c
```
#810b1c rgb(129,11,28)
```
#930c20
```
#930c20 rgb(147,12,32)
```
#a50e24
```
#a50e24 rgb(165,14,36)
```
#b70f28
```
#b70f28 rgb(183,15,40)
```
#c9112c
```
#c9112c rgb(201,17,44)
```
#db1230
```
#db1230 rgb(219,18,48)
```

Shade Color Variation

#eb1635
```
#eb1635 rgb(235,22,53)
```
#ed2845
```
#ed2845 rgb(237,40,69)
```
#ee3a54
```
#ee3a54 rgb(238,58,84)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#f25e74
```
#f25e74 rgb(242,94,116)
```
#f37083
```
#f37083 rgb(243,112,131)
```
#f58293
```
#f58293 rgb(245,130,147)
```
#f694a3
```
#f694a3 rgb(246,148,163)
```
#f8a6b2
```
#f8a6b2 rgb(248,166,178)
```
#f9b9c2
```
#f9b9c2 rgb(249,185,194)
```
#fbcbd2
```
#fbcbd2 rgb(251,203,210)
```
#fcdde1
```
#fcdde1 rgb(252,221,225)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#a59799
```
#a59799 rgb(165,151,153)
```
#ad8f93
```
#ad8f93 rgb(173,143,147)
```
#b4888e
```
#b4888e rgb(180,136,142)
```
#bc8089
```
#bc8089 rgb(188,128,137)
```
#c37984
```
#c37984 rgb(195,121,132)
```
#cb717e
```
#cb717e rgb(203,113,126)
```
#d26a79
```
#d26a79 rgb(210,106,121)
```
#da6274
```
#da6274 rgb(218,98,116)
```
#e15b6f
```
#e15b6f rgb(225,91,111)
```
#e95369
```
#e95369 rgb(233,83,105)
```
#f04c64
```
#f04c64 rgb(240,76,100)
```
#f7455f
```
#f7455f rgb(247,69,95)
```
#ff3d59
```
#ff3d59 rgb(255,61,89)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#96767a Atypical Achromatopsia 0.001% of the population

Dichromacy

#938d83 Protanopia 1% of men
#a98861 Deuteranopia 1% of men
#ef585c Tritanopia 0.001% of the population

Trichromacy

#b57577 Protanomaly 1% of men, 0.01% of women
#c37262 Deuteranomaly 6% of men, 0.4% of women
#ef535f Tritanomaly 0.01% of the population

#f04c64 hex color

#f04c64 Color Information

#f04c64 Color Conversion

Color Schemes with #f04c64

Alternatives to #f04c64

#f04c64 Preview

Shades and Tints of #f04c64

Tones of #f04c64

Color Blindness Simulator