#f20386 hex color

In a RGB color space, hex #f20386 is composed of 94.9% red, 1.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 327.1 degrees, a saturation of 97.6% and a lightness of 48%. #f20386 color hex could be obtained by blending #ff06ff with #e5000d. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 1
- B 53
RGB color chart
- C 0
- M 99
- Y 45
- K 5
CMYK color chart

● #f20386 color description : Vivid pink.

The hexadecimal color #f20386 has RGB values of R:242, G:3, B:134 and CMYK values of C:0, M:0.99, Y:0.45, K:0.05. Its decimal value is 15860614.

Hex triplet	f20386	`#f20386`
RGB Decimal	242, 3, 134	`rgb(242,3,134)`
RGB Percent	94.9, 1.2, 52.5	`rgb(94.9%,1.2%,52.5%)`
CMYK	0, 99, 45, 5
HSL	327.1°, 97.6, 48	`hsl(327.1,97.6%,48%)`
HSV (or HSB)	327.1°, 98.8, 94.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	52.584, 82.03, -3.208
XYZ	40.955, 20.668, 24.386
xyY	0.476, 0.24, 20.668
CIE-LCH	52.584, 82.093, 357.761
CIE-LUV	52.584, 128.792, -20.347
Hunter-Lab	45.462, 81.243, 0.021
Binary	11110010, 00000011, 10000110

#f20386
```
#f20386 rgb(242,3,134)
```
#03f26f
```
#03f26f rgb(3,242,111)
```

Complementary Color

#e703f2
```
#e703f2 rgb(231,3,242)
```
#f20386
```
#f20386 rgb(242,3,134)
```
#f2030f
```
#f2030f rgb(242,3,15)
```

Analogous Color

#03f2e7
```
#03f2e7 rgb(3,242,231)
```
#f20386
```
#f20386 rgb(242,3,134)
```
#0ff203
```
#0ff203 rgb(15,242,3)
```

Split Complementary Color

#0386f2
```
#0386f2 rgb(3,134,242)
```
#f20386
```
#f20386 rgb(242,3,134)
```
#86f203
```
#86f203 rgb(134,242,3)
```

Triadic Color

#6f03f2
```
#6f03f2 rgb(111,3,242)
```
#f20386
```
#f20386 rgb(242,3,134)
```
#86f203
```
#86f203 rgb(134,242,3)
```
#03f26f
```
#03f26f rgb(3,242,111)
```

Tetradic Color

#a6025c
```
#a6025c rgb(166,2,92)
```
#c0026a
```
#c0026a rgb(192,2,106)
```
#d90378
```
#d90378 rgb(217,3,120)
```
#f20386
```
#f20386 rgb(242,3,134)
```
#fc1292
```
#fc1292 rgb(252,18,146)
```
#fc2c9e
```
#fc2c9e rgb(252,44,158)
```
#fd45aa
```
#fd45aa rgb(253,69,170)
```

Monochromatic Color

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

#f203c2
```
#f203c2 rgb(242,3,194)
```
#f203ae
```
#f203ae rgb(242,3,174)
```
#f2039a
```
#f2039a rgb(242,3,154)
```
#f20386
```
#f20386 rgb(242,3,134)
```
#f20372
```
#f20372 rgb(242,3,114)
```
#f2035e
```
#f2035e rgb(242,3,94)
```
#f2034a
```
#f2034a rgb(242,3,74)
```

Similar Colors

Text with hexadecimal color #f20386

This text has a font color of #f20386.

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

#f20386 background color

This paragraph has a background color of #f20386.

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

#f20386 border color

This element has a border color of #f20386.

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

CSS codes

.text {color:#f20386;}

.background {background-color:#f20386;}

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

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

#090005
```
#090005 rgb(9,0,5)
```
#1d0010
```
#1d0010 rgb(29,0,16)
```
#30011b
```
#30011b rgb(48,1,27)
```
#440125
```
#440125 rgb(68,1,37)
```
#570130
```
#570130 rgb(87,1,48)
```
#6a013b
```
#6a013b rgb(106,1,59)
```
#7e0246
```
#7e0246 rgb(126,2,70)
```
#910250
```
#910250 rgb(145,2,80)
```
#a4025b
```
#a4025b rgb(164,2,91)
```
#b80266
```
#b80266 rgb(184,2,102)
```
#cb0371
```
#cb0371 rgb(203,3,113)
```
#df037b
```
#df037b rgb(223,3,123)
```
#f20386
```
#f20386 rgb(242,3,134)
```

Shade Color Variation

#fc0d90
```
#fc0d90 rgb(252,13,144)
```
#fc2099
```
#fc2099 rgb(252,32,153)
```
#fc33a2
```
#fc33a2 rgb(252,51,162)
```
#fd47aa
```
#fd47aa rgb(253,71,170)
```
#fd5ab3
```
#fd5ab3 rgb(253,90,179)
```
#fd6dbc
```
#fd6dbc rgb(253,109,188)
```
#fd81c5
```
#fd81c5 rgb(253,129,197)
```
#fe94ce
```
#fe94ce rgb(254,148,206)
```
#fea8d7
```
#fea8d7 rgb(254,168,215)
```
#febbe0
```
#febbe0 rgb(254,187,224)
```
#fecee9
```
#fecee9 rgb(254,206,233)
```
#ffe2f2
```
#ffe2f2 rgb(255,226,242)
```
#fff5fa
```
#fff5fa rgb(255,245,250)
```

Tint Color Variation

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

#81747b
```
#81747b rgb(129,116,123)
```
#8a6b7c
```
#8a6b7c rgb(138,107,124)
```
#94617d
```
#94617d rgb(148,97,125)
```
#9d587e
```
#9d587e rgb(157,88,126)
```
#a74e7f
```
#a74e7f rgb(167,78,127)
```
#b04580
```
#b04580 rgb(176,69,128)
```
#b93c81
```
#b93c81 rgb(185,60,129)
```
#c33281
```
#c33281 rgb(195,50,129)
```
#cc2982
```
#cc2982 rgb(204,41,130)
```
#d61f83
```
#d61f83 rgb(214,31,131)
```
#df1684
```
#df1684 rgb(223,22,132)
```
#e90c85
```
#e90c85 rgb(233,12,133)
```
#f20386
```
#f20386 rgb(242,3,134)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#784862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f82bb Protanopia 1% of men
#93807d Deuteranopia 1% of men
#ee3c3e Tritanopia 0.001% of the population

Trichromacy

#9f54a8 Protanomaly 1% of men, 0.01% of women
#b55280 Deuteranomaly 6% of men, 0.4% of women
#ef2758 Tritanomaly 0.01% of the population

#f20386 hex color

#f20386 Color Information

#f20386 Color Conversion

Color Schemes with #f20386

Alternatives to #f20386

#f20386 Preview

Shades and Tints of #f20386

Tones of #f20386

Color Blindness Simulator