#f02c80 hex color

In a RGB color space, hex #f02c80 is composed of 94.1% red, 17.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 334.3 degrees, a saturation of 86.7% and a lightness of 55.7%. #f02c80 color hex could be obtained by blending #ff58ff with #e10001. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 94
- G 17
- B 50
RGB color chart
- C 0
- M 82
- Y 47
- K 6
CMYK color chart

● #f02c80 color description : Bright pink.

The hexadecimal color #f02c80 has RGB values of R:240, G:44, B:128 and CMYK values of C:0, M:0.82, Y:0.47, K:0.06. Its decimal value is 15740032.

Hex triplet	f02c80	`#f02c80`
RGB Decimal	240, 44, 128	`rgb(240,44,128)`
RGB Percent	94.1, 17.3, 50.2	`rgb(94.1%,17.3%,50.2%)`
CMYK	0, 82, 47, 6
HSL	334.3°, 86.7, 55.7	`hsl(334.3,86.7%,55.7%)`
HSV (or HSB)	334.3°, 81.7, 94.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	53.91, 75.636, 2.29
XYZ	40.733, 21.89, 22.501
xyY	0.479, 0.257, 21.89
CIE-LCH	53.91, 75.67, 1.734
CIE-LUV	53.91, 122.9, -11.976
Hunter-Lab	46.786, 73.531, 4.236
Binary	11110000, 00101100, 10000000

#f02c80
```
#f02c80 rgb(240,44,128)
```
#2cf09c
```
#2cf09c rgb(44,240,156)
```

Complementary Color

#f02ce2
```
#f02ce2 rgb(240,44,226)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#f03a2c
```
#f03a2c rgb(240,58,44)
```

Analogous Color

#2ce2f0
```
#2ce2f0 rgb(44,226,240)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#2cf03a
```
#2cf03a rgb(44,240,58)
```

Split Complementary Color

#2c80f0
```
#2c80f0 rgb(44,128,240)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#80f02c
```
#80f02c rgb(128,240,44)
```

Triadic Color

#9c2cf0
```
#9c2cf0 rgb(156,44,240)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#80f02c
```
#80f02c rgb(128,240,44)
```
#2cf09c
```
#2cf09c rgb(44,240,156)
```

Tetradic Color

#c20e5b
```
#c20e5b rgb(194,14,91)
```
#da0f66
```
#da0f66 rgb(218,15,102)
```
#ee1472
```
#ee1472 rgb(238,20,114)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#f2448e
```
#f2448e rgb(242,68,142)
```
#f35c9d
```
#f35c9d rgb(243,92,157)
```
#f573ab
```
#f573ab rgb(245,115,171)
```

Monochromatic Color

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

#f02cb1
```
#f02cb1 rgb(240,44,177)
```
#f02ca1
```
#f02ca1 rgb(240,44,161)
```
#f02c90
```
#f02c90 rgb(240,44,144)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#f02c5f
```
#f02c5f rgb(240,44,95)
```
#f02c4f
```
#f02c4f rgb(240,44,79)
```

Similar Colors

Text with hexadecimal color #f02c80

This text has a font color of #f02c80.

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

#f02c80 background color

This paragraph has a background color of #f02c80.

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

#f02c80 border color

This element has a border color of #f02c80.

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

CSS codes

.text {color:#f02c80;}

.background {background-color:#f02c80;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1b020d
```
#1b020d rgb(27,2,13)
```
#2d0315
```
#2d0315 rgb(45,3,21)
```
#40051e
```
#40051e rgb(64,5,30)
```
#520626
```
#520626 rgb(82,6,38)
```
#64072f
```
#64072f rgb(100,7,47)
```
#770838
```
#770838 rgb(119,8,56)
```
#890a40
```
#890a40 rgb(137,10,64)
```
#9b0b49
```
#9b0b49 rgb(155,11,73)
```
#ae0c51
```
#ae0c51 rgb(174,12,81)
```
#c00e5a
```
#c00e5a rgb(192,14,90)
```
#d20f63
```
#d20f63 rgb(210,15,99)
```
#e5106b
```
#e5106b rgb(229,16,107)
```

Shade Color Variation

#ef1a75
```
#ef1a75 rgb(239,26,117)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#f13e8b
```
#f13e8b rgb(241,62,139)
```
#f35196
```
#f35196 rgb(243,81,150)
```
#f463a1
```
#f463a1 rgb(244,99,161)
```
#f575ac
```
#f575ac rgb(245,117,172)
```
#f788b7
```
#f788b7 rgb(247,136,183)
```
#f89ac2
```
#f89ac2 rgb(248,154,194)
```
#f9accd
```
#f9accd rgb(249,172,205)
```
#fabfd8
```
#fabfd8 rgb(250,191,216)
```
#fcd1e3
```
#fcd1e3 rgb(252,209,227)
```
#fde3ee
```
#fde3ee rgb(253,227,238)
```
#fef5f9
```
#fef5f9 rgb(254,245,249)
```

Tint Color Variation

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

#908c8e
```
#908c8e rgb(144,140,142)
```
#99838c
```
#99838c rgb(153,131,140)
```
#a27a8b
```
#a27a8b rgb(162,122,139)
```
#aa728a
```
#aa728a rgb(170,114,138)
```
#b36989
```
#b36989 rgb(179,105,137)
```
#bc6087
```
#bc6087 rgb(188,96,135)
```
#c55786
```
#c55786 rgb(197,87,134)
```
#cd4f85
```
#cd4f85 rgb(205,79,133)
```
#d64684
```
#d64684 rgb(214,70,132)
```
#df3d82
```
#df3d82 rgb(223,61,130)
```
#e73581
```
#e73581 rgb(231,53,129)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#f9237f
```
#f9237f rgb(249,35,127)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8a6273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c85ac Protanopia 1% of men
#998279 Deuteranopia 1% of men
#ed494b Tritanopia 0.001% of the population

Trichromacy

#a6659c Protanomaly 1% of men, 0.01% of women
#b8637b Deuteranomaly 6% of men, 0.4% of women
#ee3e5e Tritanomaly 0.01% of the population

#f02c80 hex color

#f02c80 Color Information

#f02c80 Color Conversion

Color Schemes with #f02c80

Alternatives to #f02c80

#f02c80 Preview

Shades and Tints of #f02c80

Tones of #f02c80

Color Blindness Simulator