#f40254 hex color

In a RGB color space, hex #f40254 is composed of 95.7% red, 0.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 65.6% yellow and 4.3% black. It has a hue angle of 339.7 degrees, a saturation of 98.4% and a lightness of 48.2%. #f40254 color hex could be obtained by blending #ff04a8 with #e90000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 96
- G 1
- B 33
RGB color chart
- C 0
- M 99
- Y 66
- K 4
CMYK color chart

● #f40254 color description : Vivid pink.

The hexadecimal color #f40254 has RGB values of R:244, G:2, B:84 and CMYK values of C:0, M:0.99, Y:0.66, K:0.04. Its decimal value is 15991380.

Hex triplet	f40254	`#f40254`
RGB Decimal	244, 2, 84	`rgb(244,2,84)`
RGB Percent	95.7, 0.8, 32.9	`rgb(95.7%,0.8%,32.9%)`
CMYK	0, 99, 66, 4
HSL	339.7°, 98.4, 48.2	`hsl(339.7,98.4%,48.2%)`
HSV (or HSB)	339.7°, 99.2, 95.7
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.748, 79.311, 26.027
XYZ	38.932, 19.922, 10.182
xyY	0.564, 0.289, 19.922
CIE-LCH	51.748, 83.472, 18.168
CIE-LUV	51.748, 151.355, 12.429
Hunter-Lab	44.634, 77.59, 17.717
Binary	11110100, 00000010, 01010100

#f40254
```
#f40254 rgb(244,2,84)
```
#02f4a2
```
#02f4a2 rgb(2,244,162)
```

Complementary Color

#f402cd
```
#f402cd rgb(244,2,205)
```
#f40254
```
#f40254 rgb(244,2,84)
```
#f42902
```
#f42902 rgb(244,41,2)
```

Analogous Color

#02cdf4
```
#02cdf4 rgb(2,205,244)
```
#f40254
```
#f40254 rgb(244,2,84)
```
#02f429
```
#02f429 rgb(2,244,41)
```

Split Complementary Color

#0254f4
```
#0254f4 rgb(2,84,244)
```
#f40254
```
#f40254 rgb(244,2,84)
```
#54f402
```
#54f402 rgb(84,244,2)
```

Triadic Color

#a202f4
```
#a202f4 rgb(162,2,244)
```
#f40254
```
#f40254 rgb(244,2,84)
```
#54f402
```
#54f402 rgb(84,244,2)
```
#02f4a2
```
#02f4a2 rgb(2,244,162)
```

Tetradic Color

#a8013a
```
#a8013a rgb(168,1,58)
```
#c10243
```
#c10243 rgb(193,2,67)
```
#db024b
```
#db024b rgb(219,2,75)
```
#f40254
```
#f40254 rgb(244,2,84)
```
#fd1262
```
#fd1262 rgb(253,18,98)
```
#fd2c73
```
#fd2c73 rgb(253,44,115)
```
#fd4584
```
#fd4584 rgb(253,69,132)
```

Monochromatic Color

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

#f40291
```
#f40291 rgb(244,2,145)
```
#f4027c
```
#f4027c rgb(244,2,124)
```
#f40268
```
#f40268 rgb(244,2,104)
```
#f40254
```
#f40254 rgb(244,2,84)
```
#f40240
```
#f40240 rgb(244,2,64)
```
#f4022c
```
#f4022c rgb(244,2,44)
```
#f40218
```
#f40218 rgb(244,2,24)
```

Similar Colors

Text with hexadecimal color #f40254

This text has a font color of #f40254.

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

#f40254 background color

This paragraph has a background color of #f40254.

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

#f40254 border color

This element has a border color of #f40254.

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

CSS codes

.text {color:#f40254;}

.background {background-color:#f40254;}

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

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

#0b0004
```
#0b0004 rgb(11,0,4)
```
#1e000a
```
#1e000a rgb(30,0,10)
```
#310011
```
#310011 rgb(49,0,17)
```
#450118
```
#450118 rgb(69,1,24)
```
#58011e
```
#58011e rgb(88,1,30)
```
#6c0125
```
#6c0125 rgb(108,1,37)
```
#7f012c
```
#7f012c rgb(127,1,44)
```
#930133
```
#930133 rgb(147,1,51)
```
#a60139
```
#a60139 rgb(166,1,57)
```
#ba0240
```
#ba0240 rgb(186,2,64)
```
#cd0247
```
#cd0247 rgb(205,2,71)
```
#e1024d
```
#e1024d rgb(225,2,77)
```
#f40254
```
#f40254 rgb(244,2,84)
```

Shade Color Variation

#fd0d5e
```
#fd0d5e rgb(253,13,94)
```
#fd206b
```
#fd206b rgb(253,32,107)
```
#fd3478
```
#fd3478 rgb(253,52,120)
```
#fd4785
```
#fd4785 rgb(253,71,133)
```
#fe5a92
```
#fe5a92 rgb(254,90,146)
```
#fe6e9f
```
#fe6e9f rgb(254,110,159)
```
#fe81ac
```
#fe81ac rgb(254,129,172)
```
#fe95b8
```
#fe95b8 rgb(254,149,184)
```
#fea8c5
```
#fea8c5 rgb(254,168,197)
```
#febcd2
```
#febcd2 rgb(254,188,210)
```
#ffcfdf
```
#ffcfdf rgb(255,207,223)
```
#ffe3ec
```
#ffe3ec rgb(255,227,236)
```
#fff6f9
```
#fff6f9 rgb(255,246,249)
```

Tint Color Variation

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

#827479
```
#827479 rgb(130,116,121)
```
#8c6a76
```
#8c6a76 rgb(140,106,118)
```
#956172
```
#956172 rgb(149,97,114)
```
#9f576f
```
#9f576f rgb(159,87,111)
```
#a84e6c
```
#a84e6c rgb(168,78,108)
```
#b24469
```
#b24469 rgb(178,68,105)
```
#bb3b66
```
#bb3b66 rgb(187,59,102)
```
#c53163
```
#c53163 rgb(197,49,99)
```
#ce2860
```
#ce2860 rgb(206,40,96)
```
#d81e5d
```
#d81e5d rgb(216,30,93)
```
#e1155a
```
#e1155a rgb(225,21,90)
```
#eb0b57
```
#eb0b57 rgb(235,11,87)
```
#f40254
```
#f40254 rgb(244,2,84)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#744454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85817e Protanopia 1% of men
#9d7c4e Deuteranopia 1% of men
#f32925 Tritanopia 0.001% of the population

Trichromacy

#ad536f Protanomaly 1% of men, 0.01% of women
#bc5050 Deuteranomaly 6% of men, 0.4% of women
#f31a36 Tritanomaly 0.01% of the population

#f40254 hex color

#f40254 Color Information

#f40254 Color Conversion

Color Schemes with #f40254

Alternatives to #f40254

#f40254 Preview

Shades and Tints of #f40254

Tones of #f40254

Color Blindness Simulator