#f42c5a hex color

In a RGB color space, hex #f42c5a is composed of 95.7% red, 17.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 63.1% yellow and 4.3% black. It has a hue angle of 346.2 degrees, a saturation of 90.1% and a lightness of 56.5%. #f42c5a color hex could be obtained by blending #ff58b4 with #e90000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 17
- B 35
RGB color chart
- C 0
- M 82
- Y 63
- K 4
CMYK color chart

● #f42c5a color description : Bright red.

The hexadecimal color #f42c5a has RGB values of R:244, G:44, B:90 and CMYK values of C:0, M:0.82, Y:0.63, K:0.04. Its decimal value is 16002138.

Hex triplet	f42c5a	`#f42c5a`
RGB Decimal	244, 44, 90	`rgb(244,44,90)`
RGB Percent	95.7, 17.3, 35.3	`rgb(95.7%,17.3%,35.3%)`
CMYK	0, 82, 63, 4
HSL	346.2°, 90.1, 56.5	`hsl(346.2,90.1%,56.5%)`
HSV (or HSB)	346.2°, 82, 95.7
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.79, 74.05, 25.064
XYZ	40.056, 21.777, 11.767
xyY	0.544, 0.296, 21.777
CIE-LCH	53.79, 78.177, 18.7
CIE-LUV	53.79, 140.351, 13.424
Hunter-Lab	46.666, 71.55, 17.717
Binary	11110100, 00101100, 01011010

#f42c5a
```
#f42c5a rgb(244,44,90)
```
#2cf4c6
```
#2cf4c6 rgb(44,244,198)
```

Complementary Color

#f42cbe
```
#f42cbe rgb(244,44,190)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#f4622c
```
#f4622c rgb(244,98,44)
```

Analogous Color

#2cbef4
```
#2cbef4 rgb(44,190,244)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#2cf462
```
#2cf462 rgb(44,244,98)
```

Split Complementary Color

#2c5af4
```
#2c5af4 rgb(44,90,244)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#5af42c
```
#5af42c rgb(90,244,44)
```

Triadic Color

#c62cf4
```
#c62cf4 rgb(198,44,244)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#5af42c
```
#5af42c rgb(90,244,44)
```
#2cf4c6
```
#2cf4c6 rgb(44,244,198)
```

Tetradic Color

#c90a36
```
#c90a36 rgb(201,10,54)
```
#e10c3d
```
#e10c3d rgb(225,12,61)
```
#f31447
```
#f31447 rgb(243,20,71)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#f5446d
```
#f5446d rgb(245,68,109)
```
#f75c80
```
#f75c80 rgb(247,92,128)
```
#f87593
```
#f87593 rgb(248,117,147)
```

Monochromatic Color

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

#f42c8c
```
#f42c8c rgb(244,44,140)
```
#f42c7b
```
#f42c7b rgb(244,44,123)
```
#f42c6b
```
#f42c6b rgb(244,44,107)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#f42c49
```
#f42c49 rgb(244,44,73)
```
#f42c39
```
#f42c39 rgb(244,44,57)
```
#f4302c
```
#f4302c rgb(244,48,44)
```

Similar Colors

Text with hexadecimal color #f42c5a

This text has a font color of #f42c5a.

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

#f42c5a background color

This paragraph has a background color of #f42c5a.

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

#f42c5a border color

This element has a border color of #f42c5a.

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

CSS codes

.text {color:#f42c5a;}

.background {background-color:#f42c5a;}

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

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

#0d0103
```
#0d0103 rgb(13,1,3)
```
#1f0208
```
#1f0208 rgb(31,2,8)
```
#32030e
```
#32030e rgb(50,3,14)
```
#450413
```
#450413 rgb(69,4,19)
```
#570518
```
#570518 rgb(87,5,24)
```
#6a061d
```
#6a061d rgb(106,6,29)
```
#7d0622
```
#7d0622 rgb(125,6,34)
```
#8f0727
```
#8f0727 rgb(143,7,39)
```
#a2082c
```
#a2082c rgb(162,8,44)
```
#b50931
```
#b50931 rgb(181,9,49)
```
#c70a36
```
#c70a36 rgb(199,10,54)
```
#da0b3b
```
#da0b3b rgb(218,11,59)
```
#ec0c40
```
#ec0c40 rgb(236,12,64)
```

Shade Color Variation

#f3194b
```
#f3194b rgb(243,25,75)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#f53f69
```
#f53f69 rgb(245,63,105)
```
#f65177
```
#f65177 rgb(246,81,119)
```
#f76486
```
#f76486 rgb(247,100,134)
```
#f87794
```
#f87794 rgb(248,119,148)
```
#f989a3
```
#f989a3 rgb(249,137,163)
```
#fa9cb1
```
#fa9cb1 rgb(250,156,177)
```
#fbafc0
```
#fbafc0 rgb(251,175,192)
```
#fcc1cf
```
#fcc1cf rgb(252,193,207)
```
#fdd4dd
```
#fdd4dd rgb(253,212,221)
```
#fee6ec
```
#fee6ec rgb(254,230,236)
```
#fff9fa
```
#fff9fa rgb(255,249,250)
```

Tint Color Variation

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

#968a8d
```
#968a8d rgb(150,138,141)
```
#9f8188
```
#9f8188 rgb(159,129,136)
```
#a77983
```
#a77983 rgb(167,121,131)
```
#b0707f
```
#b0707f rgb(176,112,127)
```
#b8687a
```
#b8687a rgb(184,104,122)
```
#c15f76
```
#c15f76 rgb(193,95,118)
```
#c95771
```
#c95771 rgb(201,87,113)
```
#d24e6c
```
#d24e6c rgb(210,78,108)
```
#da4668
```
#da4668 rgb(218,70,104)
```
#e33d63
```
#e33d63 rgb(227,61,99)
```
#eb355f
```
#eb355f rgb(235,53,95)
```
#f42c5a
```
#f42c5a rgb(244,44,90)
```
#fd2355
```
#fd2355 rgb(253,35,85)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#886069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b867f Protanopia 1% of men
#a28155 Deuteranopia 1% of men
#f33f40 Tritanopia 0.001% of the population

Trichromacy

#b16572 Protanomaly 1% of men, 0.01% of women
#c06257 Deuteranomaly 6% of men, 0.4% of women
#f33849 Tritanomaly 0.01% of the population

#f42c5a hex color

#f42c5a Color Information

#f42c5a Color Conversion

Color Schemes with #f42c5a

Alternatives to #f42c5a

#f42c5a Preview

Shades and Tints of #f42c5a

Tones of #f42c5a

Color Blindness Simulator