#f5064d hex color

In a RGB color space, hex #f5064d is composed of 96.1% red, 2.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 68.6% yellow and 3.9% black. It has a hue angle of 342.2 degrees, a saturation of 95.2% and a lightness of 49.2%. #f5064d color hex could be obtained by blending #ff0c9a with #eb0000. Closest websafe color is: #ff0066.

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

● #f5064d color description : Vivid pink.

The hexadecimal color #f5064d has RGB values of R:245, G:6, B:77 and CMYK values of C:0, M:0.98, Y:0.69, K:0.04. Its decimal value is 16057933.

Hex triplet	f5064d	`#f5064d`
RGB Decimal	245, 6, 77	`rgb(245,6,77)`
RGB Percent	96.1, 2.4, 30.2	`rgb(96.1%,2.4%,30.2%)`
CMYK	0, 98, 69, 4
HSL	342.2°, 95.2, 49.2	`hsl(342.2,95.2%,49.2%)`
HSV (or HSB)	342.2°, 97.6, 96.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.932, 78.936, 30.52
XYZ	39.063, 20.084, 8.841
xyY	0.575, 0.295, 20.084
CIE-LCH	51.932, 84.631, 21.138
CIE-LUV	51.932, 153.993, 16.469
Hunter-Lab	44.815, 77.164, 19.674
Binary	11110101, 00000110, 01001101

#f5064d
```
#f5064d rgb(245,6,77)
```
#06f5ae
```
#06f5ae rgb(6,245,174)
```

Complementary Color

#f506c5
```
#f506c5 rgb(245,6,197)
```
#f5064d
```
#f5064d rgb(245,6,77)
```
#f53706
```
#f53706 rgb(245,55,6)
```

Analogous Color

#06c5f5
```
#06c5f5 rgb(6,197,245)
```
#f5064d
```
#f5064d rgb(245,6,77)
```
#06f537
```
#06f537 rgb(6,245,55)
```

Split Complementary Color

#064df5
```
#064df5 rgb(6,77,245)
```
#f5064d
```
#f5064d rgb(245,6,77)
```
#4df506
```
#4df506 rgb(77,245,6)
```

Triadic Color

#ae06f5
```
#ae06f5 rgb(174,6,245)
```
#f5064d
```
#f5064d rgb(245,6,77)
```
#4df506
```
#4df506 rgb(77,245,6)
```
#06f5ae
```
#06f5ae rgb(6,245,174)
```

Tetradic Color

#aa0436
```
#aa0436 rgb(170,4,54)
```
#c3053d
```
#c3053d rgb(195,5,61)
```
#dc0545
```
#dc0545 rgb(220,5,69)
```
#f5064d
```
#f5064d rgb(245,6,77)
```
#f91b5d
```
#f91b5d rgb(249,27,93)
```
#fa346f
```
#fa346f rgb(250,52,111)
```
#fb4d80
```
#fb4d80 rgb(251,77,128)
```

Monochromatic Color

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

#f50689
```
#f50689 rgb(245,6,137)
```
#f50675
```
#f50675 rgb(245,6,117)
```
#f50661
```
#f50661 rgb(245,6,97)
```
#f5064d
```
#f5064d rgb(245,6,77)
```
#f50639
```
#f50639 rgb(245,6,57)
```
#f50625
```
#f50625 rgb(245,6,37)
```
#f50611
```
#f50611 rgb(245,6,17)
```

Similar Colors

Text with hexadecimal color #f5064d

This text has a font color of #f5064d.

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

#f5064d background color

This paragraph has a background color of #f5064d.

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

#f5064d border color

This element has a border color of #f5064d.

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

CSS codes

.text {color:#f5064d;}

.background {background-color:#f5064d;}

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

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

#0f0005
```
#0f0005 rgb(15,0,5)
```
#22010b
```
#22010b rgb(34,1,11)
```
#360111
```
#360111 rgb(54,1,17)
```
#490217
```
#490217 rgb(73,2,23)
```
#5c021d
```
#5c021d rgb(92,2,29)
```
#6f0323
```
#6f0323 rgb(111,3,35)
```
#820329
```
#820329 rgb(130,3,41)
```
#95042f
```
#95042f rgb(149,4,47)
```
#a80435
```
#a80435 rgb(168,4,53)
```
#bc053b
```
#bc053b rgb(188,5,59)
```
#cf0541
```
#cf0541 rgb(207,5,65)
```
#e20647
```
#e20647 rgb(226,6,71)
```
#f5064d
```
#f5064d rgb(245,6,77)
```

Shade Color Variation

#f91559
```
#f91559 rgb(249,21,89)
```
#fa2867
```
#fa2867 rgb(250,40,103)
```
#fa3c74
```
#fa3c74 rgb(250,60,116)
```
#fb4f82
```
#fb4f82 rgb(251,79,130)
```
#fb628f
```
#fb628f rgb(251,98,143)
```
#fc759d
```
#fc759d rgb(252,117,157)
```
#fc88ab
```
#fc88ab rgb(252,136,171)
```
#fd9bb8
```
#fd9bb8 rgb(253,155,184)
```
#fdafc6
```
#fdafc6 rgb(253,175,198)
```
#fdc2d3
```
#fdc2d3 rgb(253,194,211)
```
#fed5e1
```
#fed5e1 rgb(254,213,225)
```
#fee8ef
```
#fee8ef rgb(254,232,239)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#817a7c
```
#817a7c rgb(129,122,124)
```
#8b7078
```
#8b7078 rgb(139,112,120)
```
#946774
```
#946774 rgb(148,103,116)
```
#9e5d70
```
#9e5d70 rgb(158,93,112)
```
#a8536c
```
#a8536c rgb(168,83,108)
```
#b14a68
```
#b14a68 rgb(177,74,104)
```
#bb4065
```
#bb4065 rgb(187,64,101)
```
#c53661
```
#c53661 rgb(197,54,97)
```
#ce2d5d
```
#ce2d5d rgb(206,45,93)
```
#d82359
```
#d82359 rgb(216,35,89)
```
#e21955
```
#e21955 rgb(226,25,85)
```
#eb1051
```
#eb1051 rgb(235,16,81)
```
#f5064d
```
#f5064d rgb(245,6,77)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#764654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878275 Protanopia 1% of men
#9e7c48 Deuteranopia 1% of men
#f42824 Tritanopia 0.001% of the population

Trichromacy

#af5566 Protanomaly 1% of men, 0.01% of women
#be5149 Deuteranomaly 6% of men, 0.4% of women
#f41b32 Tritanomaly 0.01% of the population

#f5064d hex color

#f5064d Color Information

#f5064d Color Conversion

Color Schemes with #f5064d

Alternatives to #f5064d

#f5064d Preview

Shades and Tints of #f5064d

Tones of #f5064d

Color Blindness Simulator