#f60156 hex color

In a RGB color space, hex #f60156 is composed of 96.5% red, 0.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 65% yellow and 3.5% black. It has a hue angle of 339.2 degrees, a saturation of 99.2% and a lightness of 48.4%. #f60156 color hex could be obtained by blending #ff02ac with #ed0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 96
- G 0
- B 34
RGB color chart
- C 0
- M 100
- Y 65
- K 4
CMYK color chart

● #f60156 color description : Vivid pink.

The hexadecimal color #f60156 has RGB values of R:246, G:1, B:86 and CMYK values of C:0, M:1, Y:0.65, K:0.04. Its decimal value is 16122198.

Hex triplet	f60156	`#f60156`
RGB Decimal	246, 1, 86	`rgb(246,1,86)`
RGB Percent	96.5, 0.4, 33.7	`rgb(96.5%,0.4%,33.7%)`
CMYK	0, 100, 65, 4
HSL	339.2°, 99.2, 48.4	`hsl(339.2,99.2%,48.4%)`
HSV (or HSB)	339.2°, 99.6, 96.5
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.165, 79.935, 25.434
XYZ	39.698, 20.291, 10.63
xyY	0.562, 0.287, 20.291
CIE-LCH	52.165, 83.884, 17.65
CIE-LUV	52.165, 152.264, 11.81
Hunter-Lab	45.046, 78.479, 17.541
Binary	11110110, 00000001, 01010110

#f60156
```
#f60156 rgb(246,1,86)
```
#01f6a1
```
#01f6a1 rgb(1,246,161)
```

Complementary Color

#f601d1
```
#f601d1 rgb(246,1,209)
```
#f60156
```
#f60156 rgb(246,1,86)
```
#f62601
```
#f62601 rgb(246,38,1)
```

Analogous Color

#01d1f6
```
#01d1f6 rgb(1,209,246)
```
#f60156
```
#f60156 rgb(246,1,86)
```
#01f626
```
#01f626 rgb(1,246,38)
```

Split Complementary Color

#0156f6
```
#0156f6 rgb(1,86,246)
```
#f60156
```
#f60156 rgb(246,1,86)
```
#56f601
```
#56f601 rgb(86,246,1)
```

Triadic Color

#a101f6
```
#a101f6 rgb(161,1,246)
```
#f60156
```
#f60156 rgb(246,1,86)
```
#56f601
```
#56f601 rgb(86,246,1)
```
#01f6a1
```
#01f6a1 rgb(1,246,161)
```

Tetradic Color

#aa013b
```
#aa013b rgb(170,1,59)
```
#c30144
```
#c30144 rgb(195,1,68)
```
#dd014d
```
#dd014d rgb(221,1,77)
```
#f60156
```
#f60156 rgb(246,1,86)
```
#fe1264
```
#fe1264 rgb(254,18,100)
```
#fe2c75
```
#fe2c75 rgb(254,44,117)
```
#fe4585
```
#fe4585 rgb(254,69,133)
```

Monochromatic Color

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

#f60193
```
#f60193 rgb(246,1,147)
```
#f6017f
```
#f6017f rgb(246,1,127)
```
#f6016a
```
#f6016a rgb(246,1,106)
```
#f60156
```
#f60156 rgb(246,1,86)
```
#f60142
```
#f60142 rgb(246,1,66)
```
#f6012d
```
#f6012d rgb(246,1,45)
```
#f60119
```
#f60119 rgb(246,1,25)
```

Similar Colors

Text with hexadecimal color #f60156

This text has a font color of #f60156.

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

#f60156 background color

This paragraph has a background color of #f60156.

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

#f60156 border color

This element has a border color of #f60156.

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

CSS codes

.text {color:#f60156;}

.background {background-color:#f60156;}

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

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

#0c0004
```
#0c0004 rgb(12,0,4)
```
#1f000b
```
#1f000b rgb(31,0,11)
```
#330012
```
#330012 rgb(51,0,18)
```
#460019
```
#460019 rgb(70,0,25)
```
#5a001f
```
#5a001f rgb(90,0,31)
```
#6d0026
```
#6d0026 rgb(109,0,38)
```
#81012d
```
#81012d rgb(129,1,45)
```
#940134
```
#940134 rgb(148,1,52)
```
#a8013b
```
#a8013b rgb(168,1,59)
```
#bb0142
```
#bb0142 rgb(187,1,66)
```
#cf0148
```
#cf0148 rgb(207,1,72)
```
#e2014f
```
#e2014f rgb(226,1,79)
```
#f60156
```
#f60156 rgb(246,1,86)
```

Shade Color Variation

#fe0d60
```
#fe0d60 rgb(254,13,96)
```
#fe206d
```
#fe206d rgb(254,32,109)
```
#fe347a
```
#fe347a rgb(254,52,122)
```
#fe4787
```
#fe4787 rgb(254,71,135)
```
#fe5b93
```
#fe5b93 rgb(254,91,147)
```
#fe6ea0
```
#fe6ea0 rgb(254,110,160)
```
#fe82ad
```
#fe82ad rgb(254,130,173)
```
#ff95ba
```
#ff95ba rgb(255,149,186)
```
#ffa9c7
```
#ffa9c7 rgb(255,169,199)
```
#ffbcd3
```
#ffbcd3 rgb(255,188,211)
```
#ffd0e0
```
#ffd0e0 rgb(255,208,224)
```
#ffe3ed
```
#ffe3ed rgb(255,227,237)
```
#fff7fa
```
#fff7fa rgb(255,247,250)
```

Tint Color Variation

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

#847379
```
#847379 rgb(132,115,121)
```
#8e6a76
```
#8e6a76 rgb(142,106,118)
```
#976073
```
#976073 rgb(151,96,115)
```
#a15770
```
#a15770 rgb(161,87,112)
```
#aa4d6d
```
#aa4d6d rgb(170,77,109)
```
#b4446a
```
#b4446a rgb(180,68,106)
```
#bd3a67
```
#bd3a67 rgb(189,58,103)
```
#c73165
```
#c73165 rgb(199,49,101)
```
#d02762
```
#d02762 rgb(208,39,98)
```
#da1e5f
```
#da1e5f rgb(218,30,95)
```
#e3145c
```
#e3145c rgb(227,20,92)
```
#ed0b59
```
#ed0b59 rgb(237,11,89)
```
#f60156
```
#f60156 rgb(246,1,86)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#744354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858281 Protanopia 1% of men
#9e7d50 Deuteranopia 1% of men
#f42926 Tritanopia 0.001% of the population

Trichromacy

#ae5371 Protanomaly 1% of men, 0.01% of women
#be5052 Deuteranomaly 6% of men, 0.4% of women
#f51a37 Tritanomaly 0.01% of the population

#f60156 hex color

#f60156 Color Information

#f60156 Color Conversion

Color Schemes with #f60156

Alternatives to #f60156

#f60156 Preview

Shades and Tints of #f60156

Tones of #f60156

Color Blindness Simulator