#f20584 hex color

In a RGB color space, hex #f20584 is composed of 94.9% red, 2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.9% magenta, 45.5% yellow and 5.1% black. It has a hue angle of 327.8 degrees, a saturation of 96% and a lightness of 48.4%. #f20584 color hex could be obtained by blending #ff0aff with #e50009. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 2
- B 52
RGB color chart
- C 0
- M 98
- Y 45
- K 5
CMYK color chart

● #f20584 color description : Vivid pink.

The hexadecimal color #f20584 has RGB values of R:242, G:5, B:132 and CMYK values of C:0, M:0.98, Y:0.45, K:0.05. Its decimal value is 15861124.

Hex triplet	f20584	`#f20584`
RGB Decimal	242, 5, 132	`rgb(242,5,132)`
RGB Percent	94.9, 2, 51.8	`rgb(94.9%,2%,51.8%)`
CMYK	0, 98, 45, 5
HSL	327.8°, 96, 48.4	`hsl(327.8,96%,48.4%)`
HSV (or HSB)	327.8°, 97.9, 94.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	52.571, 81.728, -2.022
XYZ	40.838, 20.656, 23.665
xyY	0.48, 0.243, 20.656
CIE-LCH	52.571, 81.753, 358.583
CIE-LUV	52.571, 129.542, -18.769
Hunter-Lab	45.449, 80.855, 0.942
Binary	11110010, 00000101, 10000100

#f20584
```
#f20584 rgb(242,5,132)
```
#05f273
```
#05f273 rgb(5,242,115)
```

Complementary Color

#ea05f2
```
#ea05f2 rgb(234,5,242)
```
#f20584
```
#f20584 rgb(242,5,132)
```
#f2050e
```
#f2050e rgb(242,5,14)
```

Analogous Color

#05f2ea
```
#05f2ea rgb(5,242,234)
```
#f20584
```
#f20584 rgb(242,5,132)
```
#0ef205
```
#0ef205 rgb(14,242,5)
```

Split Complementary Color

#0584f2
```
#0584f2 rgb(5,132,242)
```
#f20584
```
#f20584 rgb(242,5,132)
```
#84f205
```
#84f205 rgb(132,242,5)
```

Triadic Color

#7305f2
```
#7305f2 rgb(115,5,242)
```
#f20584
```
#f20584 rgb(242,5,132)
```
#84f205
```
#84f205 rgb(132,242,5)
```
#05f273
```
#05f273 rgb(5,242,115)
```

Tetradic Color

#a7035b
```
#a7035b rgb(167,3,91)
```
#c00469
```
#c00469 rgb(192,4,105)
```
#d90476
```
#d90476 rgb(217,4,118)
```
#f20584
```
#f20584 rgb(242,5,132)
```
#fa1690
```
#fa1690 rgb(250,22,144)
```
#fb2f9c
```
#fb2f9c rgb(251,47,156)
```
#fb48a8
```
#fb48a8 rgb(251,72,168)
```

Monochromatic Color

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

#f205bf
```
#f205bf rgb(242,5,191)
```
#f205ac
```
#f205ac rgb(242,5,172)
```
#f20598
```
#f20598 rgb(242,5,152)
```
#f20584
```
#f20584 rgb(242,5,132)
```
#f20570
```
#f20570 rgb(242,5,112)
```
#f2055d
```
#f2055d rgb(242,5,93)
```
#f20549
```
#f20549 rgb(242,5,73)
```

Similar Colors

Text with hexadecimal color #f20584

This text has a font color of #f20584.

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

#f20584 background color

This paragraph has a background color of #f20584.

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

#f20584 border color

This element has a border color of #f20584.

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

CSS codes

.text {color:#f20584;}

.background {background-color:#f20584;}

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

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

#0b0006
```
#0b0006 rgb(11,0,6)
```
#1f0111
```
#1f0111 rgb(31,1,17)
```
#32011b
```
#32011b rgb(50,1,27)
```
#450126
```
#450126 rgb(69,1,38)
```
#580230
```
#580230 rgb(88,2,48)
```
#6b023b
```
#6b023b rgb(107,2,59)
```
#7f0345
```
#7f0345 rgb(127,3,69)
```
#920350
```
#920350 rgb(146,3,80)
```
#a5035a
```
#a5035a rgb(165,3,90)
```
#b80465
```
#b80465 rgb(184,4,101)
```
#cc046f
```
#cc046f rgb(204,4,111)
```
#df057a
```
#df057a rgb(223,5,122)
```
#f20584
```
#f20584 rgb(242,5,132)
```

Shade Color Variation

#fa118e
```
#fa118e rgb(250,17,142)
```
#fa2497
```
#fa2497 rgb(250,36,151)
```
#fb37a0
```
#fb37a0 rgb(251,55,160)
```
#fb4aa9
```
#fb4aa9 rgb(251,74,169)
```
#fc5db2
```
#fc5db2 rgb(252,93,178)
```
#fc71bb
```
#fc71bb rgb(252,113,187)
```
#fc84c4
```
#fc84c4 rgb(252,132,196)
```
#fd97ce
```
#fd97ce rgb(253,151,206)
```
#fdaad7
```
#fdaad7 rgb(253,170,215)
```
#febee0
```
#febee0 rgb(254,190,224)
```
#fed1e9
```
#fed1e9 rgb(254,209,233)
```
#fee4f2
```
#fee4f2 rgb(254,228,242)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#80777c
```
#80777c rgb(128,119,124)
```
#8a6e7d
```
#8a6e7d rgb(138,110,125)
```
#93647d
```
#93647d rgb(147,100,125)
```
#9d5b7e
```
#9d5b7e rgb(157,91,126)
```
#a6517f
```
#a6517f rgb(166,81,127)
```
#b0487f
```
#b0487f rgb(176,72,127)
```
#b93e80
```
#b93e80 rgb(185,62,128)
```
#c33581
```
#c33581 rgb(195,53,129)
```
#cc2b81
```
#cc2b81 rgb(204,43,129)
```
#d62282
```
#d62282 rgb(214,34,130)
```
#df1883
```
#df1883 rgb(223,24,131)
```
#e90f83
```
#e90f83 rgb(233,15,131)
```
#f20584
```
#f20584 rgb(242,5,132)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#784962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7182b9 Protanopia 1% of men
#937f7b Deuteranopia 1% of men
#ee3c3d Tritanopia 0.001% of the population

Trichromacy

#9f54a5 Protanomaly 1% of men, 0.01% of women
#b5537e Deuteranomaly 6% of men, 0.4% of women
#ef2857 Tritanomaly 0.01% of the population

#f20584 hex color

#f20584 Color Information

#f20584 Color Conversion

Color Schemes with #f20584

Alternatives to #f20584

#f20584 Preview

Shades and Tints of #f20584

Tones of #f20584

Color Blindness Simulator