#f64b96 hex color

In a RGB color space, hex #f64b96 is composed of 96.5% red, 29.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 39% yellow and 3.5% black. It has a hue angle of 333.7 degrees, a saturation of 90.5% and a lightness of 62.9%. #f64b96 color hex could be obtained by blending #ff96ff with #ed002d. Closest websafe color is: #ff3399.

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

● #f64b96 color description : Soft pink.

The hexadecimal color #f64b96 has RGB values of R:246, G:75, B:150 and CMYK values of C:0, M:0.7, Y:0.39, K:0.04. Its decimal value is 16141206.

Hex triplet	f64b96	`#f64b96`
RGB Decimal	246, 75, 150	`rgb(246,75,150)`
RGB Percent	96.5, 29.4, 58.8	`rgb(96.5%,29.4%,58.8%)`
CMYK	0, 70, 39, 4
HSL	333.7°, 90.5, 62.9	`hsl(333.7,90.5%,62.9%)`
HSV (or HSB)	333.7°, 69.5, 96.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.818, 70.152, -3.43
XYZ	46.028, 26.831, 31.608
xyY	0.441, 0.257, 26.831
CIE-LCH	58.818, 70.236, 357.201
CIE-LUV	58.818, 107.832, -18.26
Hunter-Lab	51.799, 67.965, 0.081
Binary	11110110, 01001011, 10010110

#f64b96
```
#f64b96 rgb(246,75,150)
```
#4bf6ab
```
#4bf6ab rgb(75,246,171)
```

Complementary Color

#f64bec
```
#f64bec rgb(246,75,236)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#f6554b
```
#f6554b rgb(246,85,75)
```

Analogous Color

#4becf6
```
#4becf6 rgb(75,236,246)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#4bf656
```
#4bf656 rgb(75,246,86)
```

Split Complementary Color

#4b96f6
```
#4b96f6 rgb(75,150,246)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#96f64b
```
#96f64b rgb(150,246,75)
```

Triadic Color

#ab4bf6
```
#ab4bf6 rgb(171,75,246)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#96f64b
```
#96f64b rgb(150,246,75)
```
#4bf6ab
```
#4bf6ab rgb(75,246,171)
```

Tetradic Color

#e90c6d
```
#e90c6d rgb(233,12,109)
```
#f41a7a
```
#f41a7a rgb(244,26,122)
```
#f53388
```
#f53388 rgb(245,51,136)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#f763a4
```
#f763a4 rgb(247,99,164)
```
#f87cb2
```
#f87cb2 rgb(248,124,178)
```
#fa94c1
```
#fa94c1 rgb(250,148,193)
```

Monochromatic Color

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

#f64bc1
```
#f64bc1 rgb(246,75,193)
```
#f64bb3
```
#f64bb3 rgb(246,75,179)
```
#f64ba4
```
#f64ba4 rgb(246,75,164)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#f64b88
```
#f64b88 rgb(246,75,136)
```
#f64b7a
```
#f64b7a rgb(246,75,122)
```
#f64b6b
```
#f64b6b rgb(246,75,107)
```

Similar Colors

Text with hexadecimal color #f64b96

This text has a font color of #f64b96.

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

#f64b96 background color

This paragraph has a background color of #f64b96.

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

#f64b96 border color

This element has a border color of #f64b96.

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

CSS codes

.text {color:#f64b96;}

.background {background-color:#f64b96;}

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

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

#070003
```
#070003 rgb(7,0,3)
```
#19010c
```
#19010c rgb(25,1,12)
```
#2c0215
```
#2c0215 rgb(44,2,21)
```
#3f031d
```
#3f031d rgb(63,3,29)
```
#520426
```
#520426 rgb(82,4,38)
```
#64052f
```
#64052f rgb(100,5,47)
```
#770637
```
#770637 rgb(119,6,55)
```
#8a0740
```
#8a0740 rgb(138,7,64)
```
#9c0849
```
#9c0849 rgb(156,8,73)
```
#af0952
```
#af0952 rgb(175,9,82)
```
#c20a5a
```
#c20a5a rgb(194,10,90)
```
#d40b63
```
#d40b63 rgb(212,11,99)
```
#e70c6c
```
#e70c6c rgb(231,12,108)
```

Shade Color Variation

#f31375
```
#f31375 rgb(243,19,117)
```
#f42680
```
#f42680 rgb(244,38,128)
```
#f5388b
```
#f5388b rgb(245,56,139)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#f75ea1
```
#f75ea1 rgb(247,94,161)
```
#f870ac
```
#f870ac rgb(248,112,172)
```
#f983b7
```
#f983b7 rgb(249,131,183)
```
#fa96c2
```
#fa96c2 rgb(250,150,194)
```
#fba8cc
```
#fba8cc rgb(251,168,204)
```
#fcbbd7
```
#fcbbd7 rgb(252,187,215)
```
#fdcee2
```
#fdcee2 rgb(253,206,226)
```
#fde0ed
```
#fde0ed rgb(253,224,237)
```
#fef3f8
```
#fef3f8 rgb(254,243,248)
```

Tint Color Variation

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

#a69ba0
```
#a69ba0 rgb(166,155,160)
```
#ad949f
```
#ad949f rgb(173,148,159)
```
#b58c9e
```
#b58c9e rgb(181,140,158)
```
#bc859d
```
#bc859d rgb(188,133,157)
```
#c37e9c
```
#c37e9c rgb(195,126,156)
```
#ca779b
```
#ca779b rgb(202,119,155)
```
#d26f9a
```
#d26f9a rgb(210,111,154)
```
#d9689a
```
#d9689a rgb(217,104,154)
```
#e06199
```
#e06199 rgb(224,97,153)
```
#e75a98
```
#e75a98 rgb(231,90,152)
```
#ef5297
```
#ef5297 rgb(239,82,151)
```
#f64b96
```
#f64b96 rgb(246,75,150)
```
#fd4495
```
#fd4495 rgb(253,68,149)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9d7b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8691bc Protanopia 1% of men
#a28e8f Deuteranopia 1% of men
#f26166 Tritanopia 0.001% of the population

Trichromacy

#af78ae Protanomaly 1% of men, 0.01% of women
#c07691 Deuteranomaly 6% of men, 0.4% of women
#f35978 Tritanomaly 0.01% of the population

#f64b96 hex color

#f64b96 Color Information

#f64b96 Color Conversion

Color Schemes with #f64b96

Alternatives to #f64b96

#f64b96 Preview

Shades and Tints of #f64b96

Tones of #f64b96

Color Blindness Simulator