#f04b64 hex color

In a RGB color space, hex #f04b64 is composed of 94.1% red, 29.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 58.3% yellow and 5.9% black. It has a hue angle of 350.9 degrees, a saturation of 84.6% and a lightness of 61.8%. #f04b64 color hex could be obtained by blending #ff96c8 with #e10000. Closest websafe color is: #ff3366.

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

● #f04b64 color description : Soft red.

The hexadecimal color #f04b64 has RGB values of R:240, G:75, B:100 and CMYK values of C:0, M:0.69, Y:0.58, K:0.06. Its decimal value is 15747940.

Hex triplet	f04b64	`#f04b64`
RGB Decimal	240, 75, 100	`rgb(240,75,100)`
RGB Percent	94.1, 29.4, 39.2	`rgb(94.1%,29.4%,39.2%)`
CMYK	0, 69, 58, 6
HSL	350.9°, 84.6, 61.8	`hsl(350.9,84.6%,61.8%)`
HSV (or HSB)	350.9°, 68.8, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.567, 64.242, 22.666
XYZ	40.753, 24.482, 14.635
xyY	0.51, 0.307, 24.482
CIE-LCH	56.567, 68.123, 19.434
CIE-LUV	56.567, 119.789, 14.161
Hunter-Lab	49.479, 60.431, 17.098
Binary	11110000, 01001011, 01100100

#f04b64
```
#f04b64 rgb(240,75,100)
```
#4bf0d7
```
#4bf0d7 rgb(75,240,215)
```

Complementary Color

#f04bb7
```
#f04bb7 rgb(240,75,183)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#f0854b
```
#f0854b rgb(240,133,75)
```

Analogous Color

#4bb7f0
```
#4bb7f0 rgb(75,183,240)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#4bf085
```
#4bf085 rgb(75,240,133)
```

Split Complementary Color

#4b64f0
```
#4b64f0 rgb(75,100,240)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#64f04b
```
#64f04b rgb(100,240,75)
```

Triadic Color

#d74bf0
```
#d74bf0 rgb(215,75,240)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#64f04b
```
#64f04b rgb(100,240,75)
```
#4bf0d7
```
#4bf0d7 rgb(75,240,215)
```

Tetradic Color

#dc1231
```
#dc1231 rgb(220,18,49)
```
#ec1c3b
```
#ec1c3b rgb(236,28,59)
```
#ee3350
```
#ee3350 rgb(238,51,80)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#f26378
```
#f26378 rgb(242,99,120)
```
#f47a8d
```
#f47a8d rgb(244,122,141)
```
#f692a1
```
#f692a1 rgb(246,146,161)
```

Monochromatic Color

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

#f04b8d
```
#f04b8d rgb(240,75,141)
```
#f04b80
```
#f04b80 rgb(240,75,128)
```
#f04b72
```
#f04b72 rgb(240,75,114)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#f04b56
```
#f04b56 rgb(240,75,86)
```
#f04d4b
```
#f04d4b rgb(240,77,75)
```
#f05b4b
```
#f05b4b rgb(240,91,75)
```

Similar Colors

Text with hexadecimal color #f04b64

This text has a font color of #f04b64.

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

#f04b64 background color

This paragraph has a background color of #f04b64.

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

#f04b64 border color

This element has a border color of #f04b64.

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

CSS codes

.text {color:#f04b64;}

.background {background-color:#f04b64;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130204
```
#130204 rgb(19,2,4)
```
#250308
```
#250308 rgb(37,3,8)
```
#37050c
```
#37050c rgb(55,5,12)
```
#490610
```
#490610 rgb(73,6,16)
```
#5c0814
```
#5c0814 rgb(92,8,20)
```
#6e0918
```
#6e0918 rgb(110,9,24)
```
#800b1c
```
#800b1c rgb(128,11,28)
```
#920c20
```
#920c20 rgb(146,12,32)
```
#a40e24
```
#a40e24 rgb(164,14,36)
```
#b60f28
```
#b60f28 rgb(182,15,40)
```
#c8112c
```
#c8112c rgb(200,17,44)
```
#da1231
```
#da1231 rgb(218,18,49)
```

Shade Color Variation

#eb1535
```
#eb1535 rgb(235,21,53)
```
#ed2745
```
#ed2745 rgb(237,39,69)
```
#ee3954
```
#ee3954 rgb(238,57,84)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#f25d74
```
#f25d74 rgb(242,93,116)
```
#f36f83
```
#f36f83 rgb(243,111,131)
```
#f58193
```
#f58193 rgb(245,129,147)
```
#f693a2
```
#f693a2 rgb(246,147,162)
```
#f8a6b2
```
#f8a6b2 rgb(248,166,178)
```
#f9b8c2
```
#f9b8c2 rgb(249,184,194)
```
#fbcad1
```
#fbcad1 rgb(251,202,209)
```
#fcdce1
```
#fcdce1 rgb(252,220,225)
```
#feeef0
```
#feeef0 rgb(254,238,240)
```

Tint Color Variation

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

#a59698
```
#a59698 rgb(165,150,152)
```
#ad8f93
```
#ad8f93 rgb(173,143,147)
```
#b4878e
```
#b4878e rgb(180,135,142)
```
#bc8089
```
#bc8089 rgb(188,128,137)
```
#c37883
```
#c37883 rgb(195,120,131)
```
#cb717e
```
#cb717e rgb(203,113,126)
```
#d26979
```
#d26979 rgb(210,105,121)
```
#da6274
```
#da6274 rgb(218,98,116)
```
#e15a6e
```
#e15a6e rgb(225,90,110)
```
#e95369
```
#e95369 rgb(233,83,105)
```
#f04b64
```
#f04b64 rgb(240,75,100)
```
#f8445f
```
#f8445f rgb(248,68,95)
```
#ff3c5a
```
#ff3c5a rgb(255,60,90)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#96757a Atypical Achromatopsia 0.001% of the population

Dichromacy

#928d83 Protanopia 1% of men
#a88861 Deuteranopia 1% of men
#ef575b Tritanopia 0.001% of the population

Trichromacy

#b47578 Protanomaly 1% of men, 0.01% of women
#c27162 Deuteranomaly 6% of men, 0.4% of women
#ef525e Tritanomaly 0.01% of the population

#f04b64 hex color

#f04b64 Color Information

#f04b64 Color Conversion

Color Schemes with #f04b64

Alternatives to #f04b64

#f04b64 Preview

Shades and Tints of #f04b64

Tones of #f04b64

Color Blindness Simulator