#f40c5a hex color

In a RGB color space, hex #f40c5a is composed of 95.7% red, 4.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.1% magenta, 63.1% yellow and 4.3% black. It has a hue angle of 339.8 degrees, a saturation of 91.3% and a lightness of 50.2%. #f40c5a color hex could be obtained by blending #ff18b4 with #e90000. Closest websafe color is: #ff0066.

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

● #f40c5a color description : Vivid pink.

The hexadecimal color #f40c5a has RGB values of R:244, G:12, B:90 and CMYK values of C:0, M:0.95, Y:0.63, K:0.04. Its decimal value is 15993946.

Hex triplet	f40c5a	`#f40c5a`
RGB Decimal	244, 12, 90	`rgb(244,12,90)`
RGB Percent	95.7, 4.7, 35.3	`rgb(95.7%,4.7%,35.3%)`
CMYK	0, 95, 63, 4
HSL	339.8°, 91.3, 50.2	`hsl(339.8,91.3%,50.2%)`
HSV (or HSB)	339.8°, 95.1, 95.7
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.107, 78.892, 22.858
XYZ	39.287, 20.239, 11.51
xyY	0.553, 0.285, 20.239
CIE-LCH	52.107, 82.137, 16.158
CIE-LUV	52.107, 148.043, 9.692
Hunter-Lab	44.988, 77.151, 16.322
Binary	11110100, 00001100, 01011010

#f40c5a
```
#f40c5a rgb(244,12,90)
```
#0cf4a6
```
#0cf4a6 rgb(12,244,166)
```

Complementary Color

#f40cce
```
#f40cce rgb(244,12,206)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#f4320c
```
#f4320c rgb(244,50,12)
```

Analogous Color

#0ccef4
```
#0ccef4 rgb(12,206,244)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#0cf432
```
#0cf432 rgb(12,244,50)
```

Split Complementary Color

#0c5af4
```
#0c5af4 rgb(12,90,244)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#5af40c
```
#5af40c rgb(90,244,12)
```

Triadic Color

#a60cf4
```
#a60cf4 rgb(166,12,244)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#5af40c
```
#5af40c rgb(90,244,12)
```
#0cf4a6
```
#0cf4a6 rgb(12,244,166)
```

Tetradic Color

#ac083f
```
#ac083f rgb(172,8,63)
```
#c40948
```
#c40948 rgb(196,9,72)
```
#dd0a51
```
#dd0a51 rgb(221,10,81)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#f5246b
```
#f5246b rgb(245,36,107)
```
#f63d7b
```
#f63d7b rgb(246,61,123)
```
#f7558c
```
#f7558c rgb(247,85,140)
```

Monochromatic Color

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

#f40c94
```
#f40c94 rgb(244,12,148)
```
#f40c81
```
#f40c81 rgb(244,12,129)
```
#f40c6d
```
#f40c6d rgb(244,12,109)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#f40c47
```
#f40c47 rgb(244,12,71)
```
#f40c33
```
#f40c33 rgb(244,12,51)
```
#f40c20
```
#f40c20 rgb(244,12,32)
```

Similar Colors

Text with hexadecimal color #f40c5a

This text has a font color of #f40c5a.

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

#f40c5a background color

This paragraph has a background color of #f40c5a.

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

#f40c5a border color

This element has a border color of #f40c5a.

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

CSS codes

.text {color:#f40c5a;}

.background {background-color:#f40c5a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140107
```
#140107 rgb(20,1,7)
```
#26020e
```
#26020e rgb(38,2,14)
```
#390315
```
#390315 rgb(57,3,21)
```
#4c031c
```
#4c031c rgb(76,3,28)
```
#5f0423
```
#5f0423 rgb(95,4,35)
```
#72052a
```
#72052a rgb(114,5,42)
```
#840630
```
#840630 rgb(132,6,48)
```
#970737
```
#970737 rgb(151,7,55)
```
#aa083e
```
#aa083e rgb(170,8,62)
```
#bd0945
```
#bd0945 rgb(189,9,69)
```
#cf094c
```
#cf094c rgb(207,9,76)
```
#e20a53
```
#e20a53 rgb(226,10,83)
```

Shade Color Variation

#f40c5a
```
#f40c5a rgb(244,12,90)
```
#f51f67
```
#f51f67 rgb(245,31,103)
```
#f63273
```
#f63273 rgb(246,50,115)
```
#f74480
```
#f74480 rgb(247,68,128)
```
#f7578d
```
#f7578d rgb(247,87,141)
```
#f86a9a
```
#f86a9a rgb(248,106,154)
```
#f97da6
```
#f97da6 rgb(249,125,166)
```
#fa8fb3
```
#fa8fb3 rgb(250,143,179)
```
#fba2c0
```
#fba2c0 rgb(251,162,192)
```
#fcb5cd
```
#fcb5cd rgb(252,181,205)
```
#fcc8d9
```
#fcc8d9 rgb(252,200,217)
```
#fddae6
```
#fddae6 rgb(253,218,230)
```
#feedf3
```
#feedf3 rgb(254,237,243)
```

Tint Color Variation

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

#89777d
```
#89777d rgb(137,119,125)
```
#926e7a
```
#926e7a rgb(146,110,122)
```
#9c6477
```
#9c6477 rgb(156,100,119)
```
#a65a74
```
#a65a74 rgb(166,90,116)
```
#b05070
```
#b05070 rgb(176,80,112)
```
#b9476d
```
#b9476d rgb(185,71,109)
```
#c33d6a
```
#c33d6a rgb(195,61,106)
```
#cd3367
```
#cd3367 rgb(205,51,103)
```
#d72964
```
#d72964 rgb(215,41,100)
```
#e02060
```
#e02060 rgb(224,32,96)
```
#ea165d
```
#ea165d rgb(234,22,93)
```
#f40c5a
```
#f40c5a rgb(244,12,90)
```
#fe0257
```
#fe0257 rgb(254,2,87)
```

Tone Color Variation

Below, you can see how #f40c5a 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
#794a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#848284 Protanopia 1% of men
#9d7d54 Deuteranopia 1% of men
#f22e2c Tritanopia 0.001% of the population

Trichromacy

#ad5775 Protanomaly 1% of men, 0.01% of women
#bc5456 Deuteranomaly 6% of men, 0.4% of women
#f3223d Tritanomaly 0.01% of the population

#f40c5a hex color

#f40c5a Color Information

#f40c5a Color Conversion

Color Schemes with #f40c5a

Alternatives to #f40c5a

#f40c5a Preview

Shades and Tints of #f40c5a

Tones of #f40c5a

Color Blindness Simulator