#f820ca hex color

In a RGB color space, hex #f820ca is composed of 97.3% red, 12.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 18.5% yellow and 2.7% black. It has a hue angle of 312.8 degrees, a saturation of 93.9% and a lightness of 54.9%. #f820ca color hex could be obtained by blending #ff40ff with #f10095. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 97
- G 13
- B 79
RGB color chart
- C 0
- M 87
- Y 19
- K 3
CMYK color chart

● #f820ca color description : Vivid magenta.

The hexadecimal color #f820ca has RGB values of R:248, G:32, B:202 and CMYK values of C:0, M:0.87, Y:0.19, K:0.03. Its decimal value is 16261322.

Hex triplet	f820ca	`#f820ca`
RGB Decimal	248, 32, 202	`rgb(248,32,202)`
RGB Percent	97.3, 12.5, 79.2	`rgb(97.3%,12.5%,79.2%)`
CMYK	0, 87, 19, 3
HSL	312.8°, 93.9, 54.9	`hsl(312.8,93.9%,54.9%)`
HSV (or HSB)	312.8°, 87.1, 97.3
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.326, 87.267, -35.815
XYZ	49.889, 25.258, 58.122
xyY	0.374, 0.19, 25.258
CIE-LCH	57.326, 94.331, 337.686
CIE-LUV	57.326, 99.137, -68.136
Hunter-Lab	50.257, 89.24, -33.388
Binary	11111000, 00100000, 11001010

#f820ca
```
#f820ca rgb(248,32,202)
```
#20f84e
```
#20f84e rgb(32,248,78)
```

Complementary Color

#ba20f8
```
#ba20f8 rgb(186,32,248)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#f8205e
```
#f8205e rgb(248,32,94)
```

Analogous Color

#20f8ba
```
#20f8ba rgb(32,248,186)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#5ef820
```
#5ef820 rgb(94,248,32)
```

Split Complementary Color

#20caf8
```
#20caf8 rgb(32,202,248)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#caf820
```
#caf820 rgb(202,248,32)
```

Triadic Color

#4e20f8
```
#4e20f8 rgb(78,32,248)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#caf820
```
#caf820 rgb(202,248,32)
```
#20f84e
```
#20f84e rgb(32,248,78)
```

Tetradic Color

#c5069d
```
#c5069d rgb(197,6,157)
```
#de07b0
```
#de07b0 rgb(222,7,176)
```
#f708c4
```
#f708c4 rgb(247,8,196)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#f939d0
```
#f939d0 rgb(249,57,208)
```
#fa51d6
```
#fa51d6 rgb(250,81,214)
```
#fa6adc
```
#fa6adc rgb(250,106,220)
```

Monochromatic Color

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

#f020f8
```
#f020f8 rgb(240,32,248)
```
#f820ee
```
#f820ee rgb(248,32,238)
```
#f820dc
```
#f820dc rgb(248,32,220)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#f820b8
```
#f820b8 rgb(248,32,184)
```
#f820a6
```
#f820a6 rgb(248,32,166)
```
#f82094
```
#f82094 rgb(248,32,148)
```

Similar Colors

Text with hexadecimal color #f820ca

This text has a font color of #f820ca.

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

#f820ca background color

This paragraph has a background color of #f820ca.

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

#f820ca border color

This element has a border color of #f820ca.

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

CSS codes

.text {color:#f820ca;}

.background {background-color:#f820ca;}

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

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

#050004
```
#050004 rgb(5,0,4)
```
#180113
```
#180113 rgb(24,1,19)
```
#2b0122
```
#2b0122 rgb(43,1,34)
```
#3e0231
```
#3e0231 rgb(62,2,49)
```
#510341
```
#510341 rgb(81,3,65)
```
#640350
```
#640350 rgb(100,3,80)
```
#77045f
```
#77045f rgb(119,4,95)
```
#8a046e
```
#8a046e rgb(138,4,110)
```
#9d057d
```
#9d057d rgb(157,5,125)
```
#b0068c
```
#b0068c rgb(176,6,140)
```
#c3069b
```
#c3069b rgb(195,6,155)
```
#d607aa
```
#d607aa rgb(214,7,170)
```
#e907b9
```
#e907b9 rgb(233,7,185)
```

Shade Color Variation

#f70dc5
```
#f70dc5 rgb(247,13,197)
```
#f820ca
```
#f820ca rgb(248,32,202)
```
#f933cf
```
#f933cf rgb(249,51,207)
```
#f946d3
```
#f946d3 rgb(249,70,211)
```
#fa59d8
```
#fa59d8 rgb(250,89,216)
```
#fa6cdc
```
#fa6cdc rgb(250,108,220)
```
#fb7fe1
```
#fb7fe1 rgb(251,127,225)
```
#fc92e5
```
#fc92e5 rgb(252,146,229)
```
#fca5ea
```
#fca5ea rgb(252,165,234)
```
#fdb8ee
```
#fdb8ee rgb(253,184,238)
```
#fdcbf3
```
#fdcbf3 rgb(253,203,243)
```
#fedef7
```
#fedef7 rgb(254,222,247)
```
#fff1fc
```
#fff1fc rgb(255,241,252)
```

Tint Color Variation

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

#8e8a8d
```
#8e8a8d rgb(142,138,141)
```
#978192
```
#978192 rgb(151,129,146)
```
#a07897
```
#a07897 rgb(160,120,151)
```
#a8709c
```
#a8709c rgb(168,112,156)
```
#b167a1
```
#b167a1 rgb(177,103,161)
```
#ba5ea6
```
#ba5ea6 rgb(186,94,166)
```
#c355ac
```
#c355ac rgb(195,85,172)
```
#cc4cb1
```
#cc4cb1 rgb(204,76,177)
```
#d543b6
```
#d543b6 rgb(213,67,182)
```
#dd3bbb
```
#dd3bbb rgb(221,59,187)
```
#e632c0
```
#e632c0 rgb(230,50,192)
```
#ef29c5
```
#ef29c5 rgb(239,41,197)
```
#f820ca
```
#f820ca rgb(248,32,202)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#8e6385 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498cff Protanopia 1% of men
#848dba Deuteranopia 1% of men
#ee5d62 Tritanopia 0.001% of the population

Trichromacy

#8864eb Protanomaly 1% of men, 0.01% of women
#ae65bf Deuteranomaly 6% of men, 0.4% of women
#f24687 Tritanomaly 0.01% of the population

#f820ca hex color

#f820ca Color Information

#f820ca Color Conversion

Color Schemes with #f820ca

Alternatives to #f820ca

#f820ca Preview

Shades and Tints of #f820ca

Tones of #f820ca

Color Blindness Simulator