#f64c52 hex color

In a RGB color space, hex #f64c52 is composed of 96.5% red, 29.8% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.1% magenta, 66.7% yellow and 3.5% black. It has a hue angle of 357.9 degrees, a saturation of 90.4% and a lightness of 63.1%. #f64c52 color hex could be obtained by blending #ff98a4 with #ed0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 30
- B 32
RGB color chart
- C 0
- M 69
- Y 67
- K 4
CMYK color chart

● #f64c52 color description : Soft red.

The hexadecimal color #f64c52 has RGB values of R:246, G:76, B:82 and CMYK values of C:0, M:0.69, Y:0.67, K:0.04. Its decimal value is 16141394.

Hex triplet	f64c52	`#f64c52`
RGB Decimal	246, 76, 82	`rgb(246,76,82)`
RGB Percent	96.5, 29.8, 32.2	`rgb(96.5%,29.8%,32.2%)`
CMYK	0, 69, 67, 4
HSL	357.9°, 90.4, 63.1	`hsl(357.9,90.4%,63.1%)`
HSV (or HSB)	357.9°, 69.1, 96.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.44, 64.636, 34.434
XYZ	42.115, 25.376, 10.663
xyY	0.539, 0.325, 25.376
CIE-LCH	57.44, 73.236, 28.046
CIE-LUV	57.44, 128.896, 25.306
Hunter-Lab	50.374, 61.079, 22.712
Binary	11110110, 01001100, 01010010

#f64c52
```
#f64c52 rgb(246,76,82)
```
#4cf6f0
```
#4cf6f0 rgb(76,246,240)
```

Complementary Color

#f64ca7
```
#f64ca7 rgb(246,76,167)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#f69b4c
```
#f69b4c rgb(246,155,76)
```

Analogous Color

#4ca7f6
```
#4ca7f6 rgb(76,167,246)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#4cf69b
```
#4cf69b rgb(76,246,155)
```

Split Complementary Color

#4c52f6
```
#4c52f6 rgb(76,82,246)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#52f64c
```
#52f64c rgb(82,246,76)
```

Triadic Color

#f04cf6
```
#f04cf6 rgb(240,76,246)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#52f64c
```
#52f64c rgb(82,246,76)
```
#4cf6f0
```
#4cf6f0 rgb(76,246,240)
```

Tetradic Color

#ea0c14
```
#ea0c14 rgb(234,12,20)
```
#f41b23
```
#f41b23 rgb(244,27,35)
```
#f5343b
```
#f5343b rgb(245,52,59)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#f76469
```
#f76469 rgb(247,100,105)
```
#f87d81
```
#f87d81 rgb(248,125,129)
```
#fa9598
```
#fa9598 rgb(250,149,152)
```

Monochromatic Color

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

#f64c7d
```
#f64c7d rgb(246,76,125)
```
#f64c6e
```
#f64c6e rgb(246,76,110)
```
#f64c60
```
#f64c60 rgb(246,76,96)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#f6544c
```
#f6544c rgb(246,84,76)
```
#f6624c
```
#f6624c rgb(246,98,76)
```
#f6714c
```
#f6714c rgb(246,113,76)
```

Similar Colors

Text with hexadecimal color #f64c52

This text has a font color of #f64c52.

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

#f64c52 background color

This paragraph has a background color of #f64c52.

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

#f64c52 border color

This element has a border color of #f64c52.

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

CSS codes

.text {color:#f64c52;}

.background {background-color:#f64c52;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1a0102
```
#1a0102 rgb(26,1,2)
```
#2d0204
```
#2d0204 rgb(45,2,4)
```
#400305
```
#400305 rgb(64,3,5)
```
#520407
```
#520407 rgb(82,4,7)
```
#650508
```
#650508 rgb(101,5,8)
```
#78060a
```
#78060a rgb(120,6,10)
```
#8a070c
```
#8a070c rgb(138,7,12)
```
#9d080d
```
#9d080d rgb(157,8,13)
```
#b0090f
```
#b0090f rgb(176,9,15)
```
#c30a10
```
#c30a10 rgb(195,10,16)
```
#d50b12
```
#d50b12 rgb(213,11,18)
```
#e80c13
```
#e80c13 rgb(232,12,19)
```

Shade Color Variation

#f3141c
```
#f3141c rgb(243,20,28)
```
#f4272e
```
#f4272e rgb(244,39,46)
```
#f53940
```
#f53940 rgb(245,57,64)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#f75f64
```
#f75f64 rgb(247,95,100)
```
#f87176
```
#f87176 rgb(248,113,118)
```
#f98488
```
#f98488 rgb(249,132,136)
```
#fa979a
```
#fa979a rgb(250,151,154)
```
#fba9ac
```
#fba9ac rgb(251,169,172)
```
#fcbcbe
```
#fcbcbe rgb(252,188,190)
```
#fdcfd0
```
#fdcfd0 rgb(253,207,208)
```
#fee1e2
```
#fee1e2 rgb(254,225,226)
```
#fef4f4
```
#fef4f4 rgb(254,244,244)
```

Tint Color Variation

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

#a69c9c
```
#a69c9c rgb(166,156,156)
```
#ae9495
```
#ae9495 rgb(174,148,149)
```
#b58d8e
```
#b58d8e rgb(181,141,142)
```
#bc8688
```
#bc8688 rgb(188,134,136)
```
#c37f81
```
#c37f81 rgb(195,127,129)
```
#cb777a
```
#cb777a rgb(203,119,122)
```
#d27074
```
#d27074 rgb(210,112,116)
```
#d9696d
```
#d9696d rgb(217,105,109)
```
#e06266
```
#e06266 rgb(224,98,102)
```
#e85a5f
```
#e85a5f rgb(232,90,95)
```
#ef5359
```
#ef5359 rgb(239,83,89)
```
#f64c52
```
#f64c52 rgb(246,76,82)
```
#fd454b
```
#fd454b rgb(253,69,75)
```

Tone Color Variation

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

Dichromacy

#998f6f Protanopia 1% of men
#af894f Deuteranopia 1% of men
#f65559 Tritanopia 0.001% of the population

Trichromacy

#bb7764 Protanomaly 1% of men, 0.01% of women
#c87350 Deuteranomaly 6% of men, 0.4% of women
#f65256 Tritanomaly 0.01% of the population

#f64c52 hex color

#f64c52 Color Information

#f64c52 Color Conversion

Color Schemes with #f64c52

Alternatives to #f64c52

#f64c52 Preview

Shades and Tints of #f64c52

Tones of #f64c52

Color Blindness Simulator