#f40a5c hex color

In a RGB color space, hex #f40a5c is composed of 95.7% red, 3.9% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 62.3% yellow and 4.3% black. It has a hue angle of 339 degrees, a saturation of 92.1% and a lightness of 49.8%. #f40a5c color hex could be obtained by blending #ff14b8 with #e90000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 96
- G 4
- B 36
RGB color chart
- C 0
- M 96
- Y 62
- K 4
CMYK color chart

● #f40a5c color description : Vivid pink.

The hexadecimal color #f40a5c has RGB values of R:244, G:10, B:92 and CMYK values of C:0, M:0.96, Y:0.62, K:0.04. Its decimal value is 15993436.

Hex triplet	f40a5c	`#f40a5c`
RGB Decimal	244, 10, 92	`rgb(244,10,92)`
RGB Percent	95.7, 3.9, 36.1	`rgb(95.7%,3.9%,36.1%)`
CMYK	0, 96, 62, 4
HSL	339°, 92.1, 49.8	`hsl(339,92.1%,49.8%)`
HSV (or HSB)	339°, 95.9, 95.7
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.094, 79.147, 21.628
XYZ	39.35, 20.228, 11.957
xyY	0.55, 0.283, 20.228
CIE-LCH	52.094, 82.049, 15.284
CIE-LUV	52.094, 147.541, 8.442
Hunter-Lab	44.975, 77.468, 15.72
Binary	11110100, 00001010, 01011100

#f40a5c
```
#f40a5c rgb(244,10,92)
```
#0af4a2
```
#0af4a2 rgb(10,244,162)
```

Complementary Color

#f40ad1
```
#f40ad1 rgb(244,10,209)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#f42d0a
```
#f42d0a rgb(244,45,10)
```

Analogous Color

#0ad1f4
```
#0ad1f4 rgb(10,209,244)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#0af42d
```
#0af42d rgb(10,244,45)
```

Split Complementary Color

#0a5cf4
```
#0a5cf4 rgb(10,92,244)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#5cf40a
```
#5cf40a rgb(92,244,10)
```

Triadic Color

#a20af4
```
#a20af4 rgb(162,10,244)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#5cf40a
```
#5cf40a rgb(92,244,10)
```
#0af4a2
```
#0af4a2 rgb(10,244,162)
```

Tetradic Color

#ab0740
```
#ab0740 rgb(171,7,64)
```
#c3084a
```
#c3084a rgb(195,8,74)
```
#dc0953
```
#dc0953 rgb(220,9,83)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#f6226c
```
#f6226c rgb(246,34,108)
```
#f73a7c
```
#f73a7c rgb(247,58,124)
```
#f8538d
```
#f8538d rgb(248,83,141)
```

Monochromatic Color

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

#f40a97
```
#f40a97 rgb(244,10,151)
```
#f40a83
```
#f40a83 rgb(244,10,131)
```
#f40a70
```
#f40a70 rgb(244,10,112)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#f40a49
```
#f40a49 rgb(244,10,73)
```
#f40a35
```
#f40a35 rgb(244,10,53)
```
#f40a21
```
#f40a21 rgb(244,10,33)
```

Similar Colors

Text with hexadecimal color #f40a5c

This text has a font color of #f40a5c.

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

#f40a5c background color

This paragraph has a background color of #f40a5c.

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

#f40a5c border color

This element has a border color of #f40a5c.

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

CSS codes

.text {color:#f40a5c;}

.background {background-color:#f40a5c;}

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

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

#120107
```
#120107 rgb(18,1,7)
```
#25020e
```
#25020e rgb(37,2,14)
```
#380215
```
#380215 rgb(56,2,21)
```
#4a031c
```
#4a031c rgb(74,3,28)
```
#5d0423
```
#5d0423 rgb(93,4,35)
```
#70052a
```
#70052a rgb(112,5,42)
```
#830531
```
#830531 rgb(131,5,49)
```
#960638
```
#960638 rgb(150,6,56)
```
#a90740
```
#a90740 rgb(169,7,64)
```
#bb0847
```
#bb0847 rgb(187,8,71)
```
#ce084e
```
#ce084e rgb(206,8,78)
```
#e10955
```
#e10955 rgb(225,9,85)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```

Shade Color Variation

#f61c68
```
#f61c68 rgb(246,28,104)
```
#f62f75
```
#f62f75 rgb(246,47,117)
```
#f74281
```
#f74281 rgb(247,66,129)
```
#f8548e
```
#f8548e rgb(248,84,142)
```
#f9679a
```
#f9679a rgb(249,103,154)
```
#fa7aa7
```
#fa7aa7 rgb(250,122,167)
```
#fa8db3
```
#fa8db3 rgb(250,141,179)
```
#fba0c0
```
#fba0c0 rgb(251,160,192)
```
#fcb3cc
```
#fcb3cc rgb(252,179,204)
```
#fdc6d9
```
#fdc6d9 rgb(253,198,217)
```
#fdd8e5
```
#fdd8e5 rgb(253,216,229)
```
#feebf2
```
#feebf2 rgb(254,235,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#89757c
```
#89757c rgb(137,117,124)
```
#926c79
```
#926c79 rgb(146,108,121)
```
#9c6276
```
#9c6276 rgb(156,98,118)
```
#a65873
```
#a65873 rgb(166,88,115)
```
#b04e70
```
#b04e70 rgb(176,78,112)
```
#b9456e
```
#b9456e rgb(185,69,110)
```
#c33b6b
```
#c33b6b rgb(195,59,107)
```
#cd3168
```
#cd3168 rgb(205,49,104)
```
#d72765
```
#d72765 rgb(215,39,101)
```
#e01e62
```
#e01e62 rgb(224,30,98)
```
#ea145f
```
#ea145f rgb(234,20,95)
```
#f40a5c
```
#f40a5c rgb(244,10,92)
```
#fe0059
```
#fe0059 rgb(254,0,89)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#78495a Atypical Achromatopsia 0.001% of the population

Dichromacy

#838287 Protanopia 1% of men
#9c7d56 Deuteranopia 1% of men
#f22e2c Tritanopia 0.001% of the population

Trichromacy

#ac5677 Protanomaly 1% of men, 0.01% of women
#bc5358 Deuteranomaly 6% of men, 0.4% of women
#f3213e Tritanomaly 0.01% of the population

#f40a5c hex color

#f40a5c Color Information

#f40a5c Color Conversion

Color Schemes with #f40a5c

Alternatives to #f40a5c

#f40a5c Preview

Shades and Tints of #f40a5c

Tones of #f40a5c

Color Blindness Simulator