#f4064e hex color

In a RGB color space, hex #f4064e is composed of 95.7% red, 2.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 68% yellow and 4.3% black. It has a hue angle of 341.8 degrees, a saturation of 95.2% and a lightness of 49%. #f4064e color hex could be obtained by blending #ff0c9c with #e90000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 96
- G 2
- B 31
RGB color chart
- C 0
- M 98
- Y 68
- K 4
CMYK color chart

● #f4064e color description : Vivid pink.

The hexadecimal color #f4064e has RGB values of R:244, G:6, B:78 and CMYK values of C:0, M:0.98, Y:0.68, K:0.04. Its decimal value is 15992398.

Hex triplet	f4064e	`#f4064e`
RGB Decimal	244, 6, 78	`rgb(244,6,78)`
RGB Percent	95.7, 2.4, 30.6	`rgb(95.7%,2.4%,30.6%)`
CMYK	0, 98, 68, 4
HSL	341.8°, 95.2, 49	`hsl(341.8,95.2%,49%)`
HSV (or HSB)	341.8°, 97.5, 95.7
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.745, 78.748, 29.643
XYZ	38.75, 19.918, 9.012
xyY	0.573, 0.294, 19.918
CIE-LCH	51.745, 84.142, 20.628
CIE-LUV	51.745, 152.923, 15.736
Hunter-Lab	44.63, 76.882, 19.269
Binary	11110100, 00000110, 01001110

#f4064e
```
#f4064e rgb(244,6,78)
```
#06f4ac
```
#06f4ac rgb(6,244,172)
```

Complementary Color

#f406c5
```
#f406c5 rgb(244,6,197)
```
#f4064e
```
#f4064e rgb(244,6,78)
```
#f43506
```
#f43506 rgb(244,53,6)
```

Analogous Color

#06c5f4
```
#06c5f4 rgb(6,197,244)
```
#f4064e
```
#f4064e rgb(244,6,78)
```
#06f435
```
#06f435 rgb(6,244,53)
```

Split Complementary Color

#064ef4
```
#064ef4 rgb(6,78,244)
```
#f4064e
```
#f4064e rgb(244,6,78)
```
#4ef406
```
#4ef406 rgb(78,244,6)
```

Triadic Color

#ac06f4
```
#ac06f4 rgb(172,6,244)
```
#f4064e
```
#f4064e rgb(244,6,78)
```
#4ef406
```
#4ef406 rgb(78,244,6)
```
#06f4ac
```
#06f4ac rgb(6,244,172)
```

Tetradic Color

#a90436
```
#a90436 rgb(169,4,54)
```
#c2053e
```
#c2053e rgb(194,5,62)
```
#db0546
```
#db0546 rgb(219,5,70)
```
#f4064e
```
#f4064e rgb(244,6,78)
```
#f91a5e
```
#f91a5e rgb(249,26,94)
```
#fa336f
```
#fa336f rgb(250,51,111)
```
#fb4c81
```
#fb4c81 rgb(251,76,129)
```

Monochromatic Color

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

#f4068a
```
#f4068a rgb(244,6,138)
```
#f40676
```
#f40676 rgb(244,6,118)
```
#f40662
```
#f40662 rgb(244,6,98)
```
#f4064e
```
#f4064e rgb(244,6,78)
```
#f4063a
```
#f4063a rgb(244,6,58)
```
#f40626
```
#f40626 rgb(244,6,38)
```
#f40613
```
#f40613 rgb(244,6,19)
```

Similar Colors

Text with hexadecimal color #f4064e

This text has a font color of #f4064e.

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

#f4064e background color

This paragraph has a background color of #f4064e.

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

#f4064e border color

This element has a border color of #f4064e.

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

CSS codes

.text {color:#f4064e;}

.background {background-color:#f4064e;}

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

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, #0e0005 is the darkest color, while #fffafc is the lightest one.

#0e0005
```
#0e0005 rgb(14,0,5)
```
#21010b
```
#21010b rgb(33,1,11)
```
#350111
```
#350111 rgb(53,1,17)
```
#480217
```
#480217 rgb(72,2,23)
```
#5b021d
```
#5b021d rgb(91,2,29)
```
#6e0323
```
#6e0323 rgb(110,3,35)
```
#810329
```
#810329 rgb(129,3,41)
```
#94042f
```
#94042f rgb(148,4,47)
```
#a70436
```
#a70436 rgb(167,4,54)
```
#bb053c
```
#bb053c rgb(187,5,60)
```
#ce0542
```
#ce0542 rgb(206,5,66)
```
#e10648
```
#e10648 rgb(225,6,72)
```
#f4064e
```
#f4064e rgb(244,6,78)
```

Shade Color Variation

#f9145a
```
#f9145a rgb(249,20,90)
```
#fa2867
```
#fa2867 rgb(250,40,103)
```
#fa3b75
```
#fa3b75 rgb(250,59,117)
```
#fb4e82
```
#fb4e82 rgb(251,78,130)
```
#fb6190
```
#fb6190 rgb(251,97,144)
```
#fc749d
```
#fc749d rgb(252,116,157)
```
#fc87ab
```
#fc87ab rgb(252,135,171)
```
#fd9ab8
```
#fd9ab8 rgb(253,154,184)
```
#fdaec6
```
#fdaec6 rgb(253,174,198)
```
#fdc1d3
```
#fdc1d3 rgb(253,193,211)
```
#fed4e1
```
#fed4e1 rgb(254,212,225)
```
#fee7ee
```
#fee7ee rgb(254,231,238)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#81797c
```
#81797c rgb(129,121,124)
```
#8a7078
```
#8a7078 rgb(138,112,120)
```
#946674
```
#946674 rgb(148,102,116)
```
#9d5d70
```
#9d5d70 rgb(157,93,112)
```
#a7536c
```
#a7536c rgb(167,83,108)
```
#b14969
```
#b14969 rgb(177,73,105)
```
#ba4065
```
#ba4065 rgb(186,64,101)
```
#c43661
```
#c43661 rgb(196,54,97)
```
#ce2c5d
```
#ce2c5d rgb(206,44,93)
```
#d72359
```
#d72359 rgb(215,35,89)
```
#e11956
```
#e11956 rgb(225,25,86)
```
#ea1052
```
#ea1052 rgb(234,16,82)
```
#f4064e
```
#f4064e rgb(244,6,78)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#754554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878176 Protanopia 1% of men
#9e7c49 Deuteranopia 1% of men
#f32824 Tritanopia 0.001% of the population

Trichromacy

#ae5467 Protanomaly 1% of men, 0.01% of women
#bd514a Deuteranomaly 6% of men, 0.4% of women
#f31b33 Tritanomaly 0.01% of the population

#f4064e hex color

#f4064e Color Information

#f4064e Color Conversion

Color Schemes with #f4064e

Alternatives to #f4064e

#f4064e Preview

Shades and Tints of #f4064e

Tones of #f4064e

Color Blindness Simulator