#f60172 hex color

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

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

● #f60172 color description : Vivid pink.

The hexadecimal color #f60172 has RGB values of R:246, G:1, B:114 and CMYK values of C:0, M:1, Y:0.54, K:0.04. Its decimal value is 16122226.

Hex triplet	f60172	`#f60172`
RGB Decimal	246, 1, 114	`rgb(246,1,114)`
RGB Percent	96.5, 0.4, 44.7	`rgb(96.5%,0.4%,44.7%)`
CMYK	0, 100, 54, 4
HSL	332.3°, 99.2, 48.4	`hsl(332.3,99.2%,48.4%)`
HSV (or HSB)	332.3°, 99.6, 96.5
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.768, 81.55, 9.252
XYZ	41.056, 20.834, 17.778
xyY	0.515, 0.262, 20.834
CIE-LCH	52.768, 82.073, 6.472
CIE-LUV	52.768, 141.14, -5.158
Hunter-Lab	45.645, 80.676, 8.858
Binary	11110110, 00000001, 01110010

#f60172
```
#f60172 rgb(246,1,114)
```
#01f685
```
#01f685 rgb(1,246,133)
```

Complementary Color

#f601ed
```
#f601ed rgb(246,1,237)
```
#f60172
```
#f60172 rgb(246,1,114)
```
#f60a01
```
#f60a01 rgb(246,10,1)
```

Analogous Color

#01edf6
```
#01edf6 rgb(1,237,246)
```
#f60172
```
#f60172 rgb(246,1,114)
```
#01f60a
```
#01f60a rgb(1,246,10)
```

Split Complementary Color

#0172f6
```
#0172f6 rgb(1,114,246)
```
#f60172
```
#f60172 rgb(246,1,114)
```
#72f601
```
#72f601 rgb(114,246,1)
```

Triadic Color

#8501f6
```
#8501f6 rgb(133,1,246)
```
#f60172
```
#f60172 rgb(246,1,114)
```
#72f601
```
#72f601 rgb(114,246,1)
```
#01f685
```
#01f685 rgb(1,246,133)
```

Tetradic Color

#aa014f
```
#aa014f rgb(170,1,79)
```
#c3015a
```
#c3015a rgb(195,1,90)
```
#dd0166
```
#dd0166 rgb(221,1,102)
```
#f60172
```
#f60172 rgb(246,1,114)
```
#fe127f
```
#fe127f rgb(254,18,127)
```
#fe2c8d
```
#fe2c8d rgb(254,44,141)
```
#fe459b
```
#fe459b rgb(254,69,155)
```

Monochromatic Color

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

#f601af
```
#f601af rgb(246,1,175)
```
#f6019b
```
#f6019b rgb(246,1,155)
```
#f60186
```
#f60186 rgb(246,1,134)
```
#f60172
```
#f60172 rgb(246,1,114)
```
#f6015e
```
#f6015e rgb(246,1,94)
```
#f60149
```
#f60149 rgb(246,1,73)
```
#f60135
```
#f60135 rgb(246,1,53)
```

Similar Colors

Text with hexadecimal color #f60172

This text has a font color of #f60172.

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

#f60172 background color

This paragraph has a background color of #f60172.

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

#f60172 border color

This element has a border color of #f60172.

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

CSS codes

.text {color:#f60172;}

.background {background-color:#f60172;}

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

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

#0c0005
```
#0c0005 rgb(12,0,5)
```
#1f000e
```
#1f000e rgb(31,0,14)
```
#330017
```
#330017 rgb(51,0,23)
```
#460021
```
#460021 rgb(70,0,33)
```
#5a002a
```
#5a002a rgb(90,0,42)
```
#6d0033
```
#6d0033 rgb(109,0,51)
```
#81013c
```
#81013c rgb(129,1,60)
```
#940145
```
#940145 rgb(148,1,69)
```
#a8014e
```
#a8014e rgb(168,1,78)
```
#bb0157
```
#bb0157 rgb(187,1,87)
```
#cf0160
```
#cf0160 rgb(207,1,96)
```
#e20169
```
#e20169 rgb(226,1,105)
```
#f60172
```
#f60172 rgb(246,1,114)
```

Shade Color Variation

#fe0d7c
```
#fe0d7c rgb(254,13,124)
```
#fe2087
```
#fe2087 rgb(254,32,135)
```
#fe3491
```
#fe3491 rgb(254,52,145)
```
#fe479c
```
#fe479c rgb(254,71,156)
```
#fe5ba6
```
#fe5ba6 rgb(254,91,166)
```
#fe6eb1
```
#fe6eb1 rgb(254,110,177)
```
#fe82bb
```
#fe82bb rgb(254,130,187)
```
#ff95c6
```
#ff95c6 rgb(255,149,198)
```
#ffa9d0
```
#ffa9d0 rgb(255,169,208)
```
#ffbcdb
```
#ffbcdb rgb(255,188,219)
```
#ffd0e6
```
#ffd0e6 rgb(255,208,230)
```
#ffe3f0
```
#ffe3f0 rgb(255,227,240)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#84737b
```
#84737b rgb(132,115,123)
```
#8e6a7a
```
#8e6a7a rgb(142,106,122)
```
#976079
```
#976079 rgb(151,96,121)
```
#a15779
```
#a15779 rgb(161,87,121)
```
#aa4d78
```
#aa4d78 rgb(170,77,120)
```
#b44477
```
#b44477 rgb(180,68,119)
```
#bd3a76
```
#bd3a76 rgb(189,58,118)
```
#c73176
```
#c73176 rgb(199,49,118)
```
#d02775
```
#d02775 rgb(208,39,117)
```
#da1e74
```
#da1e74 rgb(218,30,116)
```
#e31473
```
#e31473 rgb(227,20,115)
```
#ed0b73
```
#ed0b73 rgb(237,11,115)
```
#f60172
```
#f60172 rgb(246,1,114)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#77465c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c83a3 Protanopia 1% of men
#997f6b Deuteranopia 1% of men
#f33434 Tritanopia 0.001% of the population

Trichromacy

#a85391 Protanomaly 1% of men, 0.01% of women
#bb516d Deuteranomaly 6% of men, 0.4% of women
#f4214a Tritanomaly 0.01% of the population

#f60172 hex color

#f60172 Color Information

#f60172 Color Conversion

Color Schemes with #f60172

Alternatives to #f60172

#f60172 Preview

Shades and Tints of #f60172

Tones of #f60172

Color Blindness Simulator