#f20542 hex color

In a RGB color space, hex #f20542 is composed of 94.9% red, 2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.9% magenta, 72.7% yellow and 5.1% black. It has a hue angle of 344.6 degrees, a saturation of 96% and a lightness of 48.4%. #f20542 color hex could be obtained by blending #ff0a84 with #e50000. Closest websafe color is: #ff0033.

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

● #f20542 color description : Vivid pink.

The hexadecimal color #f20542 has RGB values of R:242, G:5, B:66 and CMYK values of C:0, M:0.98, Y:0.73, K:0.05. Its decimal value is 15861058.

Hex triplet	f20542	`#f20542`
RGB Decimal	242, 5, 66	`rgb(242,5,66)`
RGB Percent	94.9, 2, 25.9	`rgb(94.9%,2%,25.9%)`
CMYK	0, 98, 73, 5
HSL	344.6°, 96, 48.4	`hsl(344.6,96%,48.4%)`
HSV (or HSB)	344.6°, 97.9, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.133, 77.864, 35.962
XYZ	37.658, 19.384, 6.913
xyY	0.589, 0.303, 19.384
CIE-LCH	51.133, 85.767, 24.79
CIE-LUV	51.133, 155.264, 20.816
Hunter-Lab	44.027, 75.627, 21.51
Binary	11110010, 00000101, 01000010

#f20542
```
#f20542 rgb(242,5,66)
```
#05f2b5
```
#05f2b5 rgb(5,242,181)
```

Complementary Color

#f205b9
```
#f205b9 rgb(242,5,185)
```
#f20542
```
#f20542 rgb(242,5,66)
```
#f23f05
```
#f23f05 rgb(242,63,5)
```

Analogous Color

#05b9f2
```
#05b9f2 rgb(5,185,242)
```
#f20542
```
#f20542 rgb(242,5,66)
```
#05f23f
```
#05f23f rgb(5,242,63)
```

Split Complementary Color

#0542f2
```
#0542f2 rgb(5,66,242)
```
#f20542
```
#f20542 rgb(242,5,66)
```
#42f205
```
#42f205 rgb(66,242,5)
```

Triadic Color

#b505f2
```
#b505f2 rgb(181,5,242)
```
#f20542
```
#f20542 rgb(242,5,66)
```
#42f205
```
#42f205 rgb(66,242,5)
```
#05f2b5
```
#05f2b5 rgb(5,242,181)
```

Tetradic Color

#a7032e
```
#a7032e rgb(167,3,46)
```
#c00434
```
#c00434 rgb(192,4,52)
```
#d9043b
```
#d9043b rgb(217,4,59)
```
#f20542
```
#f20542 rgb(242,5,66)
```
#fa1651
```
#fa1651 rgb(250,22,81)
```
#fb2f64
```
#fb2f64 rgb(251,47,100)
```
#fb4876
```
#fb4876 rgb(251,72,118)
```

Monochromatic Color

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

#f2057d
```
#f2057d rgb(242,5,125)
```
#f2056a
```
#f2056a rgb(242,5,106)
```
#f20556
```
#f20556 rgb(242,5,86)
```
#f20542
```
#f20542 rgb(242,5,66)
```
#f2052e
```
#f2052e rgb(242,5,46)
```
#f2051b
```
#f2051b rgb(242,5,27)
```
#f20507
```
#f20507 rgb(242,5,7)
```

Similar Colors

Text with hexadecimal color #f20542

This text has a font color of #f20542.

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

#f20542 background color

This paragraph has a background color of #f20542.

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

#f20542 border color

This element has a border color of #f20542.

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

CSS codes

.text {color:#f20542;}

.background {background-color:#f20542;}

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

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

#0b0003
```
#0b0003 rgb(11,0,3)
```
#1f0108
```
#1f0108 rgb(31,1,8)
```
#32010e
```
#32010e rgb(50,1,14)
```
#450113
```
#450113 rgb(69,1,19)
```
#580218
```
#580218 rgb(88,2,24)
```
#6b021d
```
#6b021d rgb(107,2,29)
```
#7f0323
```
#7f0323 rgb(127,3,35)
```
#920328
```
#920328 rgb(146,3,40)
```
#a5032d
```
#a5032d rgb(165,3,45)
```
#b80432
```
#b80432 rgb(184,4,50)
```
#cc0438
```
#cc0438 rgb(204,4,56)
```
#df053d
```
#df053d rgb(223,5,61)
```
#f20542
```
#f20542 rgb(242,5,66)
```

Shade Color Variation

#fa114d
```
#fa114d rgb(250,17,77)
```
#fa245b
```
#fa245b rgb(250,36,91)
```
#fb3769
```
#fb3769 rgb(251,55,105)
```
#fb4a78
```
#fb4a78 rgb(251,74,120)
```
#fc5d86
```
#fc5d86 rgb(252,93,134)
```
#fc7195
```
#fc7195 rgb(252,113,149)
```
#fc84a3
```
#fc84a3 rgb(252,132,163)
```
#fd97b1
```
#fd97b1 rgb(253,151,177)
```
#fdaac0
```
#fdaac0 rgb(253,170,192)
```
#febece
```
#febece rgb(254,190,206)
```
#fed1dc
```
#fed1dc rgb(254,209,220)
```
#fee4eb
```
#fee4eb rgb(254,228,235)
```
#fff7f9
```
#fff7f9 rgb(255,247,249)
```

Tint Color Variation

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

#807779
```
#807779 rgb(128,119,121)
```
#8a6e75
```
#8a6e75 rgb(138,110,117)
```
#936470
```
#936470 rgb(147,100,112)
```
#9d5b6b
```
#9d5b6b rgb(157,91,107)
```
#a65167
```
#a65167 rgb(166,81,103)
```
#b04862
```
#b04862 rgb(176,72,98)
```
#b93e5e
```
#b93e5e rgb(185,62,94)
```
#c33559
```
#c33559 rgb(195,53,89)
```
#cc2b54
```
#cc2b54 rgb(204,43,84)
```
#d62250
```
#d62250 rgb(214,34,80)
```
#df184b
```
#df184b rgb(223,24,75)
```
#e90f47
```
#e90f47 rgb(233,15,71)
```
#f20542
```
#f20542 rgb(242,5,66)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#734350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888068 Protanopia 1% of men
#9d7a3c Deuteranopia 1% of men
#f1231e Tritanopia 0.001% of the population

Trichromacy

#ae535a Protanomaly 1% of men, 0.01% of women
#bc503e Deuteranomaly 6% of men, 0.4% of women
#f1182b Tritanomaly 0.01% of the population

#f20542 hex color

#f20542 Color Information

#f20542 Color Conversion

Color Schemes with #f20542

Alternatives to #f20542

#f20542 Preview

Shades and Tints of #f20542

Tones of #f20542

Color Blindness Simulator