#f64b75 hex color

In a RGB color space, hex #f64b75 is composed of 96.5% red, 29.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 52.4% yellow and 3.5% black. It has a hue angle of 345.3 degrees, a saturation of 90.5% and a lightness of 62.9%. #f64b75 color hex could be obtained by blending #ff96ea with #ed0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 29
- B 46
RGB color chart
- C 0
- M 70
- Y 52
- K 4
CMYK color chart

● #f64b75 color description : Soft red.

The hexadecimal color #f64b75 has RGB values of R:246, G:75, B:117 and CMYK values of C:0, M:0.7, Y:0.52, K:0.04. Its decimal value is 16141173.

Hex triplet	f64b75	`#f64b75`
RGB Decimal	246, 75, 117	`rgb(246,75,117)`
RGB Percent	96.5, 29.4, 45.9	`rgb(96.5%,29.4%,45.9%)`
CMYK	0, 70, 52, 4
HSL	345.3°, 90.5, 62.9	`hsl(345.3,90.5%,62.9%)`
HSV (or HSB)	345.3°, 69.5, 96.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.955, 67.237, 14.722
XYZ	43.734, 25.914, 19.528
xyY	0.49, 0.291, 25.914
CIE-LCH	57.955, 68.83, 12.35
CIE-LUV	57.955, 119.364, 5.002
Hunter-Lab	50.906, 64.269, 12.89
Binary	11110110, 01001011, 01110101

#f64b75
```
#f64b75 rgb(246,75,117)
```
#4bf6cc
```
#4bf6cc rgb(75,246,204)
```

Complementary Color

#f64bcb
```
#f64bcb rgb(246,75,203)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#f6774b
```
#f6774b rgb(246,119,75)
```

Analogous Color

#4bcbf6
```
#4bcbf6 rgb(75,203,246)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#4bf677
```
#4bf677 rgb(75,246,119)
```

Split Complementary Color

#4b75f6
```
#4b75f6 rgb(75,117,246)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#75f64b
```
#75f64b rgb(117,246,75)
```

Triadic Color

#cc4bf6
```
#cc4bf6 rgb(204,75,246)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#75f64b
```
#75f64b rgb(117,246,75)
```
#4bf6cc
```
#4bf6cc rgb(75,246,204)
```

Tetradic Color

#e90c42
```
#e90c42 rgb(233,12,66)
```
#f41a50
```
#f41a50 rgb(244,26,80)
```
#f53362
```
#f53362 rgb(245,51,98)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#f76388
```
#f76388 rgb(247,99,136)
```
#f87c9a
```
#f87c9a rgb(248,124,154)
```
#fa94ad
```
#fa94ad rgb(250,148,173)
```

Monochromatic Color

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

#f64ba0
```
#f64ba0 rgb(246,75,160)
```
#f64b92
```
#f64b92 rgb(246,75,146)
```
#f64b83
```
#f64b83 rgb(246,75,131)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#f64b67
```
#f64b67 rgb(246,75,103)
```
#f64b59
```
#f64b59 rgb(246,75,89)
```
#f64c4b
```
#f64c4b rgb(246,76,75)
```

Similar Colors

Text with hexadecimal color #f64b75

This text has a font color of #f64b75.

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

#f64b75 background color

This paragraph has a background color of #f64b75.

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

#f64b75 border color

This element has a border color of #f64b75.

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

CSS codes

.text {color:#f64b75;}

.background {background-color:#f64b75;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#190107
```
#190107 rgb(25,1,7)
```
#2c020d
```
#2c020d rgb(44,2,13)
```
#3f0312
```
#3f0312 rgb(63,3,18)
```
#520417
```
#520417 rgb(82,4,23)
```
#64051c
```
#64051c rgb(100,5,28)
```
#770622
```
#770622 rgb(119,6,34)
```
#8a0727
```
#8a0727 rgb(138,7,39)
```
#9c082c
```
#9c082c rgb(156,8,44)
```
#af0932
```
#af0932 rgb(175,9,50)
```
#c20a37
```
#c20a37 rgb(194,10,55)
```
#d40b3c
```
#d40b3c rgb(212,11,60)
```
#e70c41
```
#e70c41 rgb(231,12,65)
```

Shade Color Variation

#f3134a
```
#f3134a rgb(243,19,74)
```
#f42658
```
#f42658 rgb(244,38,88)
```
#f53867
```
#f53867 rgb(245,56,103)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#f75e83
```
#f75e83 rgb(247,94,131)
```
#f87092
```
#f87092 rgb(248,112,146)
```
#f983a0
```
#f983a0 rgb(249,131,160)
```
#fa96ae
```
#fa96ae rgb(250,150,174)
```
#fba8bd
```
#fba8bd rgb(251,168,189)
```
#fcbbcb
```
#fcbbcb rgb(252,187,203)
```
#fdced9
```
#fdced9 rgb(253,206,217)
```
#fde0e8
```
#fde0e8 rgb(253,224,232)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#a69b9e
```
#a69b9e rgb(166,155,158)
```
#ad949a
```
#ad949a rgb(173,148,154)
```
#b58c96
```
#b58c96 rgb(181,140,150)
```
#bc8593
```
#bc8593 rgb(188,133,147)
```
#c37e8f
```
#c37e8f rgb(195,126,143)
```
#ca778b
```
#ca778b rgb(202,119,139)
```
#d26f87
```
#d26f87 rgb(210,111,135)
```
#d96884
```
#d96884 rgb(217,104,132)
```
#e06180
```
#e06180 rgb(224,97,128)
```
#e75a7c
```
#e75a7c rgb(231,90,124)
```
#ef5279
```
#ef5279 rgb(239,82,121)
```
#f64b75
```
#f64b75 rgb(246,75,117)
```
#fd4471
```
#fd4471 rgb(253,68,113)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9a7880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919097 Protanopia 1% of men
#a98b71 Deuteranopia 1% of men
#f45a5f Tritanopia 0.001% of the population

Trichromacy

#b6778a Protanomaly 1% of men, 0.01% of women
#c57472 Deuteranomaly 6% of men, 0.4% of women
#f55467 Tritanomaly 0.01% of the population

#f64b75 hex color

#f64b75 Color Information

#f64b75 Color Conversion

Color Schemes with #f64b75

Alternatives to #f64b75

#f64b75 Preview

Shades and Tints of #f64b75

Tones of #f64b75

Color Blindness Simulator