colorhexa.com

#f20163 hex color

In a RGB color space, hex #f20163 is composed of 94.9% red, 0.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 59.1% yellow and 5.1% black. It has a hue angle of 335.6 degrees, a saturation of 99.2% and a lightness of 47.6%. #f20163 color hex could be obtained by blending #ff02c6 with #e50000. Closest websafe color is: #ff0066.

- R 95
- G 0
- B 39
RGB color chart
- C 0
- M 100
- Y 59
- K 5
CMYK color chart

● #f20163 color description : Vivid pink.

The hexadecimal color #f20163 has RGB values of R:242, G:1, B:99 and CMYK values of C:0, M:1, Y:0.59, K:0.05. Its decimal value is 15860067.

Hex triplet	f20163	`#f20163`
RGB Decimal	242, 1, 99	`rgb(242,1,99)`
RGB Percent	94.9, 0.4, 38.8	`rgb(94.9%,0.4%,38.8%)`
CMYK	0, 100, 59, 5
HSL	335.6°, 99.2, 47.6	`hsl(335.6,99.2%,47.6%)`
HSV (or HSB)	335.6°, 99.6, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.616, 79.726, 16.655
XYZ	38.883, 19.805, 13.579
xyY	0.538, 0.274, 19.805
CIE-LCH	51.616, 81.447, 11.8
CIE-LUV	51.616, 144.298, 3.25
Hunter-Lab	44.502, 78.08, 13.06
Binary	11110010, 00000001, 01100011

#f20163
```
#f20163 rgb(242,1,99)
```
#01f290
```
#01f290 rgb(1,242,144)
```

Complementary Color

#f201dc
```
#f201dc rgb(242,1,220)
```
#f20163
```
#f20163 rgb(242,1,99)
```
#f21801
```
#f21801 rgb(242,24,1)
```

Analogous Color

#01dcf2
```
#01dcf2 rgb(1,220,242)
```
#f20163
```
#f20163 rgb(242,1,99)
```
#01f217
```
#01f217 rgb(1,242,23)
```

Split Complementary Color

#a60144
```
#a60144 rgb(166,1,68)
```
#bf014e
```
#bf014e rgb(191,1,78)
```
#d90159
```
#d90159 rgb(217,1,89)
```
#f20163
```
#f20163 rgb(242,1,99)
```
#fe0e70
```
#fe0e70 rgb(254,14,112)
```
#fe287f
```
#fe287f rgb(254,40,127)
```
#fe418e
```
#fe418e rgb(254,65,142)
```

Monochromatic Color

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

#f2019f
```
#f2019f rgb(242,1,159)
```
#f2018b
```
#f2018b rgb(242,1,139)
```
#f20177
```
#f20177 rgb(242,1,119)
```
#f20163
```
#f20163 rgb(242,1,99)
```
#f2014f
```
#f2014f rgb(242,1,79)
```
#f2013b
```
#f2013b rgb(242,1,59)
```
#f20127
```
#f20127 rgb(242,1,39)
```

Similar Colors

Text with hexadecimal color #f20163

This text has a font color of #f20163.

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

#f20163 background color

This paragraph has a background color of #f20163.

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

#f20163 border color

This element has a border color of #f20163.

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

CSS codes

.text {color:#f20163;}

.background {background-color:#f20163;}

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

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

#080003
```
#080003 rgb(8,0,3)
```
#1b000b
```
#1b000b rgb(27,0,11)
```
#2f0013
```
#2f0013 rgb(47,0,19)
```
#42001b
```
#42001b rgb(66,0,27)
```
#560023
```
#560023 rgb(86,0,35)
```
#69002b
```
#69002b rgb(105,0,43)
```
#7d0133
```
#7d0133 rgb(125,1,51)
```
#90013b
```
#90013b rgb(144,1,59)
```
#a40143
```
#a40143 rgb(164,1,67)
```
#b7014b
```
#b7014b rgb(183,1,75)
```
#cb0153
```
#cb0153 rgb(203,1,83)
```
#de015b
```
#de015b rgb(222,1,91)
```
#f20163
```
#f20163 rgb(242,1,99)
```

Shade Color Variation

#fe096c
```
#fe096c rgb(254,9,108)
```
#fe1c78
```
#fe1c78 rgb(254,28,120)
```
#fe3084
```
#fe3084 rgb(254,48,132)
```
#fe438f
```
#fe438f rgb(254,67,143)
```
#fe579b
```
#fe579b rgb(254,87,155)
```
#fe6aa7
```
#fe6aa7 rgb(254,106,167)
```
#fe7eb2
```
#fe7eb2 rgb(254,126,178)
```
#ff91be
```
#ff91be rgb(255,145,190)
```
#ffa5c9
```
#ffa5c9 rgb(255,165,201)
```
#ffb8d5
```
#ffb8d5 rgb(255,184,213)
```
#ffcce1
```
#ffcce1 rgb(255,204,225)
```
#ffe0ec
```
#ffe0ec rgb(255,224,236)
```
#fff3f8
```
#fff3f8 rgb(255,243,248)
```

Tint Color Variation

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

#827178
```
#827178 rgb(130,113,120)
```
#8b6876
```
#8b6876 rgb(139,104,118)
```
#955e74
```
#955e74 rgb(149,94,116)
```
#9e5573
```
#9e5573 rgb(158,85,115)
```
#a74c71
```
#a74c71 rgb(167,76,113)
```
#b1426f
```
#b1426f rgb(177,66,111)
```
#ba396d
```
#ba396d rgb(186,57,109)
```
#c3306c
```
#c3306c rgb(195,48,108)
```
#cd266a
```
#cd266a rgb(205,38,106)
```
#d61d68
```
#d61d68 rgb(214,29,104)
```
#df1466
```
#df1466 rgb(223,20,102)
```
#e90a65
```
#e90a65 rgb(233,10,101)
```
#f20163
```
#f20163 rgb(242,1,99)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#744357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8090 Protanopia 1% of men
#997c5d Deuteranopia 1% of men
#f02e2d Tritanopia 0.001% of the population

Trichromacy

#a95280 Protanomaly 1% of men, 0.01% of women
#b94f5f Deuteranomaly 6% of men, 0.4% of women
#f11e40 Tritanomaly 0.01% of the population