#f02c70 hex color

In a RGB color space, hex #f02c70 is composed of 94.1% red, 17.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 53.3% yellow and 5.9% black. It has a hue angle of 339.2 degrees, a saturation of 86.7% and a lightness of 55.7%. #f02c70 color hex could be obtained by blending #ff58e0 with #e10000. Closest websafe color is: #ff3366.

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

● #f02c70 color description : Bright pink.

The hexadecimal color #f02c70 has RGB values of R:240, G:44, B:112 and CMYK values of C:0, M:0.82, Y:0.53, K:0.06. Its decimal value is 15740016.

Hex triplet	f02c70	`#f02c70`
RGB Decimal	240, 44, 112	`rgb(240,44,112)`
RGB Percent	94.1, 17.3, 43.9	`rgb(94.1%,17.3%,43.9%)`
CMYK	0, 82, 53, 6
HSL	339.2°, 86.7, 55.7	`hsl(339.2,86.7%,55.7%)`
HSV (or HSB)	339.2°, 81.7, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.494, 74.409, 11.316
XYZ	39.762, 21.501, 17.385
xyY	0.506, 0.273, 21.501
CIE-LCH	53.494, 75.264, 8.647
CIE-LUV	53.494, 129.301, -0.98
Hunter-Lab	46.369, 71.919, 10.229
Binary	11110000, 00101100, 01110000

#f02c70
```
#f02c70 rgb(240,44,112)
```
#2cf0ac
```
#2cf0ac rgb(44,240,172)
```

Complementary Color

#f02cd2
```
#f02cd2 rgb(240,44,210)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#f04a2c
```
#f04a2c rgb(240,74,44)
```

Analogous Color

#2cd2f0
```
#2cd2f0 rgb(44,210,240)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#2cf04a
```
#2cf04a rgb(44,240,74)
```

Split Complementary Color

#2c70f0
```
#2c70f0 rgb(44,112,240)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#70f02c
```
#70f02c rgb(112,240,44)
```

Triadic Color

#ac2cf0
```
#ac2cf0 rgb(172,44,240)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#70f02c
```
#70f02c rgb(112,240,44)
```
#2cf0ac
```
#2cf0ac rgb(44,240,172)
```

Tetradic Color

#c20e4c
```
#c20e4c rgb(194,14,76)
```
#da0f56
```
#da0f56 rgb(218,15,86)
```
#ee1460
```
#ee1460 rgb(238,20,96)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#f24480
```
#f24480 rgb(242,68,128)
```
#f35c90
```
#f35c90 rgb(243,92,144)
```
#f573a0
```
#f573a0 rgb(245,115,160)
```

Monochromatic Color

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

#f02ca1
```
#f02ca1 rgb(240,44,161)
```
#f02c91
```
#f02c91 rgb(240,44,145)
```
#f02c80
```
#f02c80 rgb(240,44,128)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#f02c60
```
#f02c60 rgb(240,44,96)
```
#f02c4f
```
#f02c4f rgb(240,44,79)
```
#f02c3f
```
#f02c3f rgb(240,44,63)
```

Similar Colors

Text with hexadecimal color #f02c70

This text has a font color of #f02c70.

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

#f02c70 background color

This paragraph has a background color of #f02c70.

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

#f02c70 border color

This element has a border color of #f02c70.

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

CSS codes

.text {color:#f02c70;}

.background {background-color:#f02c70;}

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

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

#090103
```
#090103 rgb(9,1,3)
```
#1b020b
```
#1b020b rgb(27,2,11)
```
#2d0312
```
#2d0312 rgb(45,3,18)
```
#400519
```
#400519 rgb(64,5,25)
```
#520620
```
#520620 rgb(82,6,32)
```
#640727
```
#640727 rgb(100,7,39)
```
#77082f
```
#77082f rgb(119,8,47)
```
#890a36
```
#890a36 rgb(137,10,54)
```
#9b0b3d
```
#9b0b3d rgb(155,11,61)
```
#ae0c44
```
#ae0c44 rgb(174,12,68)
```
#c00e4b
```
#c00e4b rgb(192,14,75)
```
#d20f53
```
#d20f53 rgb(210,15,83)
```
#e5105a
```
#e5105a rgb(229,16,90)
```

Shade Color Variation

#ef1a64
```
#ef1a64 rgb(239,26,100)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#f13e7c
```
#f13e7c rgb(241,62,124)
```
#f35189
```
#f35189 rgb(243,81,137)
```
#f46395
```
#f46395 rgb(244,99,149)
```
#f575a2
```
#f575a2 rgb(245,117,162)
```
#f788ae
```
#f788ae rgb(247,136,174)
```
#f89aba
```
#f89aba rgb(248,154,186)
```
#f9acc7
```
#f9acc7 rgb(249,172,199)
```
#fabfd3
```
#fabfd3 rgb(250,191,211)
```
#fcd1e0
```
#fcd1e0 rgb(252,209,224)
```
#fde3ec
```
#fde3ec rgb(253,227,236)
```
#fef5f9
```
#fef5f9 rgb(254,245,249)
```

Tint Color Variation

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

#908c8d
```
#908c8d rgb(144,140,141)
```
#99838b
```
#99838b rgb(153,131,139)
```
#a27a88
```
#a27a88 rgb(162,122,136)
```
#aa7285
```
#aa7285 rgb(170,114,133)
```
#b36983
```
#b36983 rgb(179,105,131)
```
#bc6080
```
#bc6080 rgb(188,96,128)
```
#c5577d
```
#c5577d rgb(197,87,125)
```
#cd4f7b
```
#cd4f7b rgb(205,79,123)
```
#d64678
```
#d64678 rgb(214,70,120)
```
#df3d75
```
#df3d75 rgb(223,61,117)
```
#e73573
```
#e73573 rgb(231,53,115)
```
#f02c70
```
#f02c70 rgb(240,44,112)
```
#f9236d
```
#f9236d rgb(249,35,109)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#88616e Atypical Achromatopsia 0.001% of the population

Dichromacy

#828599 Protanopia 1% of men
#9c816a Deuteranopia 1% of men
#ee4446 Tritanopia 0.001% of the population

Trichromacy

#aa648a Protanomaly 1% of men, 0.01% of women
#ba626c Deuteranomaly 6% of men, 0.4% of women
#ee3b55 Tritanomaly 0.01% of the population

#f02c70 hex color

#f02c70 Color Information

#f02c70 Color Conversion

Color Schemes with #f02c70

Alternatives to #f02c70

#f02c70 Preview

Shades and Tints of #f02c70

Tones of #f02c70

Color Blindness Simulator