#f4064d hex color

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

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

● #f4064d color description : Vivid pink.

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

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

CIE-LAB	51.729, 78.704, 30.223
XYZ	38.715, 19.904, 8.824
xyY	0.574, 0.295, 19.904
CIE-LCH	51.729, 84.307, 21.007
CIE-LUV	51.729, 153.25, 16.232
Hunter-Lab	44.614, 76.823, 19.503
Binary	11110100, 00000110, 01001101

#f4064d
```
#f4064d rgb(244,6,77)
```
#06f4ad
```
#06f4ad rgb(6,244,173)
```

Complementary Color

#f406c4
```
#f406c4 rgb(244,6,196)
```
#f4064d
```
#f4064d rgb(244,6,77)
```
#f43606
```
#f43606 rgb(244,54,6)
```

Analogous Color

#06c4f4
```
#06c4f4 rgb(6,196,244)
```
#f4064d
```
#f4064d rgb(244,6,77)
```
#06f436
```
#06f436 rgb(6,244,54)
```

Split Complementary Color

#064df4
```
#064df4 rgb(6,77,244)
```
#f4064d
```
#f4064d rgb(244,6,77)
```
#4df406
```
#4df406 rgb(77,244,6)
```

Triadic Color

#ad06f4
```
#ad06f4 rgb(173,6,244)
```
#f4064d
```
#f4064d rgb(244,6,77)
```
#4df406
```
#4df406 rgb(77,244,6)
```
#06f4ad
```
#06f4ad rgb(6,244,173)
```

Tetradic Color

#a90435
```
#a90435 rgb(169,4,53)
```
#c2053d
```
#c2053d rgb(194,5,61)
```
#db0545
```
#db0545 rgb(219,5,69)
```
#f4064d
```
#f4064d rgb(244,6,77)
```
#f91a5d
```
#f91a5d rgb(249,26,93)
```
#fa336e
```
#fa336e rgb(250,51,110)
```
#fb4c80
```
#fb4c80 rgb(251,76,128)
```

Monochromatic Color

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

#f40689
```
#f40689 rgb(244,6,137)
```
#f40675
```
#f40675 rgb(244,6,117)
```
#f40661
```
#f40661 rgb(244,6,97)
```
#f4064d
```
#f4064d rgb(244,6,77)
```
#f40639
```
#f40639 rgb(244,6,57)
```
#f40625
```
#f40625 rgb(244,6,37)
```
#f40612
```
#f40612 rgb(244,6,18)
```

Similar Colors

Text with hexadecimal color #f4064d

This text has a font color of #f4064d.

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

#f4064d background color

This paragraph has a background color of #f4064d.

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

#f4064d border color

This element has a border color of #f4064d.

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

CSS codes

.text {color:#f4064d;}

.background {background-color:#f4064d;}

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

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)
```
#a70435
```
#a70435 rgb(167,4,53)
```
#bb053b
```
#bb053b rgb(187,5,59)
```
#ce0541
```
#ce0541 rgb(206,5,65)
```
#e10647
```
#e10647 rgb(225,6,71)
```
#f4064d
```
#f4064d rgb(244,6,77)
```

Shade Color Variation

#f91459
```
#f91459 rgb(249,20,89)
```
#fa2866
```
#fa2866 rgb(250,40,102)
```
#fa3b74
```
#fa3b74 rgb(250,59,116)
```
#fb4e81
```
#fb4e81 rgb(251,78,129)
```
#fb618f
```
#fb618f rgb(251,97,143)
```
#fc749d
```
#fc749d rgb(252,116,157)
```
#fc87aa
```
#fc87aa rgb(252,135,170)
```
#fd9ab8
```
#fd9ab8 rgb(253,154,184)
```
#fdaec5
```
#fdaec5 rgb(253,174,197)
```
#fdc1d3
```
#fdc1d3 rgb(253,193,211)
```
#fed4e0
```
#fed4e0 rgb(254,212,224)
```
#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 #f4064d 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)
```
#b14968
```
#b14968 rgb(177,73,104)
```
#ba4064
```
#ba4064 rgb(186,64,100)
```
#c43660
```
#c43660 rgb(196,54,96)
```
#ce2c5d
```
#ce2c5d rgb(206,44,93)
```
#d72359
```
#d72359 rgb(215,35,89)
```
#e11955
```
#e11955 rgb(225,25,85)
```
#ea1051
```
#ea1051 rgb(234,16,81)
```
#f4064d
```
#f4064d rgb(244,6,77)
```

Tone Color Variation

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

Dichromacy

#878175 Protanopia 1% of men
#9e7c48 Deuteranopia 1% of men
#f32824 Tritanopia 0.001% of the population

Trichromacy

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

#f4064d hex color

#f4064d Color Information

#f4064d Color Conversion

Color Schemes with #f4064d

Alternatives to #f4064d

#f4064d Preview

Shades and Tints of #f4064d

Tones of #f4064d

Color Blindness Simulator