#f20a65 hex color

In a RGB color space, hex #f20a65 is composed of 94.9% red, 3.9% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 58.3% yellow and 5.1% black. It has a hue angle of 336.5 degrees, a saturation of 92.1% and a lightness of 49.4%. #f20a65 color hex could be obtained by blending #ff14ca with #e50000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 4
- B 40
RGB color chart
- C 0
- M 96
- Y 58
- K 5
CMYK color chart

● #f20a65 color description : Vivid pink.

The hexadecimal color #f20a65 has RGB values of R:242, G:10, B:101 and CMYK values of C:0, M:0.96, Y:0.58, K:0.05. Its decimal value is 15862373.

Hex triplet	f20a65	`#f20a65`
RGB Decimal	242, 10, 101	`rgb(242,10,101)`
RGB Percent	94.9, 3.9, 39.6	`rgb(94.9%,3.9%,39.6%)`
CMYK	0, 96, 58, 5
HSL	336.5°, 92.1, 49.4	`hsl(336.5,92.1%,49.4%)`
HSV (or HSB)	336.5°, 95.9, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.881, 79.2, 15.8
XYZ	39.077, 20.039, 14.121
xyY	0.534, 0.274, 20.039
CIE-LCH	51.881, 80.761, 11.282
CIE-LUV	51.881, 142.526, 2.531
Hunter-Lab	44.765, 77.483, 12.632
Binary	11110010, 00001010, 01100101

#f20a65
```
#f20a65 rgb(242,10,101)
```
#0af297
```
#0af297 rgb(10,242,151)
```

Complementary Color

#f20ad9
```
#f20ad9 rgb(242,10,217)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#f2230a
```
#f2230a rgb(242,35,10)
```

Analogous Color

#0ad9f2
```
#0ad9f2 rgb(10,217,242)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#0af223
```
#0af223 rgb(10,242,35)
```

Split Complementary Color

#0a65f2
```
#0a65f2 rgb(10,101,242)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#65f20a
```
#65f20a rgb(101,242,10)
```

Triadic Color

#970af2
```
#970af2 rgb(151,10,242)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#65f20a
```
#65f20a rgb(101,242,10)
```
#0af297
```
#0af297 rgb(10,242,151)
```

Tetradic Color

#a90746
```
#a90746 rgb(169,7,70)
```
#c10851
```
#c10851 rgb(193,8,81)
```
#da095b
```
#da095b rgb(218,9,91)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#f62074
```
#f62074 rgb(246,32,116)
```
#f73883
```
#f73883 rgb(247,56,131)
```
#f85192
```
#f85192 rgb(248,81,146)
```

Monochromatic Color

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

#f20a9f
```
#f20a9f rgb(242,10,159)
```
#f20a8c
```
#f20a8c rgb(242,10,140)
```
#f20a78
```
#f20a78 rgb(242,10,120)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#f20a52
```
#f20a52 rgb(242,10,82)
```
#f20a3e
```
#f20a3e rgb(242,10,62)
```
#f20a2b
```
#f20a2b rgb(242,10,43)
```

Similar Colors

Text with hexadecimal color #f20a65

This text has a font color of #f20a65.

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

#f20a65 background color

This paragraph has a background color of #f20a65.

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

#f20a65 border color

This element has a border color of #f20a65.

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

CSS codes

.text {color:#f20a65;}

.background {background-color:#f20a65;}

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

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

#100107
```
#100107 rgb(16,1,7)
```
#23010f
```
#23010f rgb(35,1,15)
```
#360216
```
#360216 rgb(54,2,22)
```
#48031e
```
#48031e rgb(72,3,30)
```
#5b0426
```
#5b0426 rgb(91,4,38)
```
#6e052e
```
#6e052e rgb(110,5,46)
```
#810536
```
#810536 rgb(129,5,54)
```
#94063e
```
#94063e rgb(148,6,62)
```
#a70746
```
#a70746 rgb(167,7,70)
```
#b9084d
```
#b9084d rgb(185,8,77)
```
#cc0855
```
#cc0855 rgb(204,8,85)
```
#df095d
```
#df095d rgb(223,9,93)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```

Shade Color Variation

#f61a70
```
#f61a70 rgb(246,26,112)
```
#f62d7c
```
#f62d7c rgb(246,45,124)
```
#f74088
```
#f74088 rgb(247,64,136)
```
#f85393
```
#f85393 rgb(248,83,147)
```
#f9659f
```
#f9659f rgb(249,101,159)
```
#f978ab
```
#f978ab rgb(249,120,171)
```
#fa8bb7
```
#fa8bb7 rgb(250,139,183)
```
#fb9ec2
```
#fb9ec2 rgb(251,158,194)
```
#fcb1ce
```
#fcb1ce rgb(252,177,206)
```
#fdc4da
```
#fdc4da rgb(253,196,218)
```
#fdd6e6
```
#fdd6e6 rgb(253,214,230)
```
#fee9f1
```
#fee9f1 rgb(254,233,241)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#87757c
```
#87757c rgb(135,117,124)
```
#916b7a
```
#916b7a rgb(145,107,122)
```
#9b6178
```
#9b6178 rgb(155,97,120)
```
#a45876
```
#a45876 rgb(164,88,118)
```
#ae4e74
```
#ae4e74 rgb(174,78,116)
```
#b84472
```
#b84472 rgb(184,68,114)
```
#c23a6f
```
#c23a6f rgb(194,58,111)
```
#cb316d
```
#cb316d rgb(203,49,109)
```
#d5276b
```
#d5276b rgb(213,39,107)
```
#df1d69
```
#df1d69 rgb(223,29,105)
```
#e81467
```
#e81467 rgb(232,20,103)
```
#f20a65
```
#f20a65 rgb(242,10,101)
```
#fc0063
```
#fc0063 rgb(252,0,99)
```

Tone Color Variation

Below, you can see how #f20a65 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
#784a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8192 Protanopia 1% of men
#9a7d5f Deuteranopia 1% of men
#f03231 Tritanopia 0.001% of the population

Trichromacy

#a95682 Protanomaly 1% of men, 0.01% of women
#ba5361 Deuteranomaly 6% of men, 0.4% of women
#f12343 Tritanomaly 0.01% of the population

#f20a65 hex color

#f20a65 Color Information

#f20a65 Color Conversion

Color Schemes with #f20a65

Alternatives to #f20a65

#f20a65 Preview

Shades and Tints of #f20a65

Tones of #f20a65

Color Blindness Simulator