#f3064e hex color

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

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

● #f3064e color description : Vivid pink.

The hexadecimal color #f3064e has RGB values of R:243, G:6, B:78 and CMYK values of C:0, M:0.98, Y:0.68, K:0.05. Its decimal value is 15926862.

Hex triplet	f3064e	`#f3064e`
RGB Decimal	243, 6, 78	`rgb(243,6,78)`
RGB Percent	95.3, 2.4, 30.6	`rgb(95.3%,2.4%,30.6%)`
CMYK	0, 98, 68, 5
HSL	341.8°, 95.2, 48.8	`hsl(341.8,95.2%,48.8%)`
HSV (or HSB)	341.8°, 97.5, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.542, 78.515, 29.345
XYZ	38.404, 19.74, 8.995
xyY	0.572, 0.294, 19.74
CIE-LCH	51.542, 83.82, 20.493
CIE-LUV	51.542, 152.178, 15.497
Hunter-Lab	44.43, 76.541, 19.097
Binary	11110011, 00000110, 01001110

#f3064e
```
#f3064e rgb(243,6,78)
```
#06f3ab
```
#06f3ab rgb(6,243,171)
```

Complementary Color

#f306c5
```
#f306c5 rgb(243,6,197)
```
#f3064e
```
#f3064e rgb(243,6,78)
```
#f33506
```
#f33506 rgb(243,53,6)
```

Analogous Color

#06c5f3
```
#06c5f3 rgb(6,197,243)
```
#f3064e
```
#f3064e rgb(243,6,78)
```
#06f335
```
#06f335 rgb(6,243,53)
```

Split Complementary Color

#064ef3
```
#064ef3 rgb(6,78,243)
```
#f3064e
```
#f3064e rgb(243,6,78)
```
#4ef306
```
#4ef306 rgb(78,243,6)
```

Triadic Color

#ab06f3
```
#ab06f3 rgb(171,6,243)
```
#f3064e
```
#f3064e rgb(243,6,78)
```
#4ef306
```
#4ef306 rgb(78,243,6)
```
#06f3ab
```
#06f3ab rgb(6,243,171)
```

Tetradic Color

#a80436
```
#a80436 rgb(168,4,54)
```
#c1053e
```
#c1053e rgb(193,5,62)
```
#da0546
```
#da0546 rgb(218,5,70)
```
#f3064e
```
#f3064e rgb(243,6,78)
```
#f9195d
```
#f9195d rgb(249,25,93)
```
#fa326f
```
#fa326f rgb(250,50,111)
```
#fb4b80
```
#fb4b80 rgb(251,75,128)
```

Monochromatic Color

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

#f30689
```
#f30689 rgb(243,6,137)
```
#f30676
```
#f30676 rgb(243,6,118)
```
#f30662
```
#f30662 rgb(243,6,98)
```
#f3064e
```
#f3064e rgb(243,6,78)
```
#f3063a
```
#f3063a rgb(243,6,58)
```
#f30626
```
#f30626 rgb(243,6,38)
```
#f30613
```
#f30613 rgb(243,6,19)
```

Similar Colors

Text with hexadecimal color #f3064e

This text has a font color of #f3064e.

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

#f3064e background color

This paragraph has a background color of #f3064e.

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

#f3064e border color

This element has a border color of #f3064e.

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

CSS codes

.text {color:#f3064e;}

.background {background-color:#f3064e;}

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

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

#0d0004
```
#0d0004 rgb(13,0,4)
```
#20010a
```
#20010a rgb(32,1,10)
```
#340111
```
#340111 rgb(52,1,17)
```
#470217
```
#470217 rgb(71,2,23)
```
#5a021d
```
#5a021d rgb(90,2,29)
```
#6d0323
```
#6d0323 rgb(109,3,35)
```
#800329
```
#800329 rgb(128,3,41)
```
#93042f
```
#93042f rgb(147,4,47)
```
#a60435
```
#a60435 rgb(166,4,53)
```
#ba053c
```
#ba053c rgb(186,5,60)
```
#cd0542
```
#cd0542 rgb(205,5,66)
```
#e00648
```
#e00648 rgb(224,6,72)
```
#f3064e
```
#f3064e rgb(243,6,78)
```

Shade Color Variation

#f91359
```
#f91359 rgb(249,19,89)
```
#fa2767
```
#fa2767 rgb(250,39,103)
```
#fa3a74
```
#fa3a74 rgb(250,58,116)
```
#fb4d82
```
#fb4d82 rgb(251,77,130)
```
#fb608f
```
#fb608f rgb(251,96,143)
```
#fc739d
```
#fc739d rgb(252,115,157)
```
#fc86aa
```
#fc86aa rgb(252,134,170)
```
#fc99b8
```
#fc99b8 rgb(252,153,184)
```
#fdadc5
```
#fdadc5 rgb(253,173,197)
```
#fdc0d2
```
#fdc0d2 rgb(253,192,210)
```
#fed3e0
```
#fed3e0 rgb(254,211,224)
```
#fee6ed
```
#fee6ed rgb(254,230,237)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#80797b
```
#80797b rgb(128,121,123)
```
#8a6f77
```
#8a6f77 rgb(138,111,119)
```
#936674
```
#936674 rgb(147,102,116)
```
#9d5c70
```
#9d5c70 rgb(157,92,112)
```
#a6536c
```
#a6536c rgb(166,83,108)
```
#b04968
```
#b04968 rgb(176,73,104)
```
#ba3f65
```
#ba3f65 rgb(186,63,101)
```
#c33661
```
#c33661 rgb(195,54,97)
```
#cd2c5d
```
#cd2c5d rgb(205,44,93)
```
#d62359
```
#d62359 rgb(214,35,89)
```
#e01956
```
#e01956 rgb(224,25,86)
```
#e91052
```
#e91052 rgb(233,16,82)
```
#f3064e
```
#f3064e rgb(243,6,78)
```

Tone Color Variation

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

#868176 Protanopia 1% of men
#9d7c49 Deuteranopia 1% of men
#f22824 Tritanopia 0.001% of the population

Trichromacy

#ad5467 Protanomaly 1% of men, 0.01% of women
#bc514a Deuteranomaly 6% of men, 0.4% of women
#f21b33 Tritanomaly 0.01% of the population

#f3064e hex color

#f3064e Color Information

#f3064e Color Conversion

Color Schemes with #f3064e

Alternatives to #f3064e

#f3064e Preview

Shades and Tints of #f3064e

Tones of #f3064e

Color Blindness Simulator