#f60d64 hex color

In a RGB color space, hex #f60d64 is composed of 96.5% red, 5.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.7% magenta, 59.3% yellow and 3.5% black. It has a hue angle of 337.6 degrees, a saturation of 92.8% and a lightness of 50.8%. #f60d64 color hex could be obtained by blending #ff1ac8 with #ed0000. Closest websafe color is: #ff0066.

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

● #f60d64 color description : Vivid pink.

The hexadecimal color #f60d64 has RGB values of R:246, G:13, B:100 and CMYK values of C:0, M:0.95, Y:0.59, K:0.04. Its decimal value is 16125284.

Hex triplet	f60d64	`#f60d64`
RGB Decimal	246, 13, 100	`rgb(246,13,100)`
RGB Percent	96.5, 5.1, 39.2	`rgb(96.5%,5.1%,39.2%)`
CMYK	0, 95, 59, 4
HSL	337.6°, 92.8, 50.8	`hsl(337.6,92.8%,50.8%)`
HSV (or HSB)	337.6°, 94.7, 96.5
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.736, 79.823, 17.705
XYZ	40.452, 20.806, 13.942
xyY	0.538, 0.277, 20.806
CIE-LCH	52.736, 81.763, 12.506
CIE-LUV	52.736, 145.657, 4.445
Hunter-Lab	45.613, 78.479, 13.807
Binary	11110110, 00001101, 01100100

#f60d64
```
#f60d64 rgb(246,13,100)
```
#0df69f
```
#0df69f rgb(13,246,159)
```

Complementary Color

#f60dd9
```
#f60dd9 rgb(246,13,217)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```
#f62b0d
```
#f62b0d rgb(246,43,13)
```

Analogous Color

#0dd9f6
```
#0dd9f6 rgb(13,217,246)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```
#0df62b
```
#0df62b rgb(13,246,43)
```

Split Complementary Color

#0d64f6
```
#0d64f6 rgb(13,100,246)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```
#64f60d
```
#64f60d rgb(100,246,13)
```

Triadic Color

#9f0df6
```
#9f0df6 rgb(159,13,246)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```
#64f60d
```
#64f60d rgb(100,246,13)
```
#0df69f
```
#0df69f rgb(13,246,159)
```

Tetradic Color

#b00746
```
#b00746 rgb(176,7,70)
```
#c90750
```
#c90750 rgb(201,7,80)
```
#e10859
```
#e10859 rgb(225,8,89)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```
#f72674
```
#f72674 rgb(247,38,116)
```
#f83e83
```
#f83e83 rgb(248,62,131)
```
#f95793
```
#f95793 rgb(249,87,147)
```

Monochromatic Color

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

#f60d9e
```
#f60d9e rgb(246,13,158)
```
#f60d8b
```
#f60d8b rgb(246,13,139)
```
#f60d77
```
#f60d77 rgb(246,13,119)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```
#f60d51
```
#f60d51 rgb(246,13,81)
```
#f60d3d
```
#f60d3d rgb(246,13,61)
```
#f60d2a
```
#f60d2a rgb(246,13,42)
```

Similar Colors

Text with hexadecimal color #f60d64

This text has a font color of #f60d64.

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

#f60d64 background color

This paragraph has a background color of #f60d64.

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

#f60d64 border color

This element has a border color of #f60d64.

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

CSS codes

.text {color:#f60d64;}

.background {background-color:#f60d64;}

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

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

#040002
```
#040002 rgb(4,0,2)
```
#170109
```
#170109 rgb(23,1,9)
```
#2a0211
```
#2a0211 rgb(42,2,17)
```
#3d0218
```
#3d0218 rgb(61,2,24)
```
#500320
```
#500320 rgb(80,3,32)
```
#620427
```
#620427 rgb(98,4,39)
```
#75042f
```
#75042f rgb(117,4,47)
```
#880536
```
#880536 rgb(136,5,54)
```
#9b063e
```
#9b063e rgb(155,6,62)
```
#ae0645
```
#ae0645 rgb(174,6,69)
```
#c1074d
```
#c1074d rgb(193,7,77)
```
#d40854
```
#d40854 rgb(212,8,84)
```
#e7095c
```
#e7095c rgb(231,9,92)
```

Shade Color Variation

#f60d64
```
#f60d64 rgb(246,13,100)
```
#f72070
```
#f72070 rgb(247,32,112)
```
#f7337c
```
#f7337c rgb(247,51,124)
```
#f84688
```
#f84688 rgb(248,70,136)
```
#f95994
```
#f95994 rgb(249,89,148)
```
#fa6ca1
```
#fa6ca1 rgb(250,108,161)
```
#fa7ead
```
#fa7ead rgb(250,126,173)
```
#fb91b9
```
#fb91b9 rgb(251,145,185)
```
#fca4c5
```
#fca4c5 rgb(252,164,197)
```
#fcb7d1
```
#fcb7d1 rgb(252,183,209)
```
#fdcadd
```
#fdcadd rgb(253,202,221)
```
#fedde9
```
#fedde9 rgb(254,221,233)
```
#fef0f5
```
#fef0f5 rgb(254,240,245)
```

Tint Color Variation

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

#828181
```
#828181 rgb(130,129,129)
```
#8c777f
```
#8c777f rgb(140,119,127)
```
#956e7c
```
#956e7c rgb(149,110,124)
```
#9f647a
```
#9f647a rgb(159,100,122)
```
#a95a78
```
#a95a78 rgb(169,90,120)
```
#b25175
```
#b25175 rgb(178,81,117)
```
#bc4773
```
#bc4773 rgb(188,71,115)
```
#c63d70
```
#c63d70 rgb(198,61,112)
```
#cf346e
```
#cf346e rgb(207,52,110)
```
#d92a6b
```
#d92a6b rgb(217,42,107)
```
#e32069
```
#e32069 rgb(227,32,105)
```
#ec1766
```
#ec1766 rgb(236,23,102)
```
#f60d64
```
#f60d64 rgb(246,13,100)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7c4d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#828391 Protanopia 1% of men
#9d7f5e Deuteranopia 1% of men
#f43231 Tritanopia 0.001% of the population

Trichromacy

#ac5880 Protanomaly 1% of men, 0.01% of women
#bd5560 Deuteranomaly 6% of men, 0.4% of women
#f42443 Tritanomaly 0.01% of the population

#f60d64 hex color

#f60d64 Color Information

#f60d64 Color Conversion

Color Schemes with #f60d64

Alternatives to #f60d64

#f60d64 Preview

Shades and Tints of #f60d64

Tones of #f60d64

Color Blindness Simulator