#f401d4 hex color

In a RGB color space, hex #f401d4 is composed of 95.7% red, 0.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 13.1% yellow and 4.3% black. It has a hue angle of 307.9 degrees, a saturation of 99.2% and a lightness of 48%. #f401d4 color hex could be obtained by blending #ff02ff with #e900a9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 96
- G 0
- B 83
RGB color chart
- C 0
- M 100
- Y 13
- K 4
CMYK color chart

● #f401d4 color description : Vivid magenta.

The hexadecimal color #f401d4 has RGB values of R:244, G:1, B:212 and CMYK values of C:0, M:1, Y:0.13, K:0.04. Its decimal value is 15991252.

Hex triplet	f401d4	`#f401d4`
RGB Decimal	244, 1, 212	`rgb(244,1,212)`
RGB Percent	95.7, 0.4, 83.1	`rgb(95.7%,0.4%,83.1%)`
CMYK	0, 100, 13, 4
HSL	307.9°, 99.2, 48	`hsl(307.9,99.2%,48%)`
HSV (or HSB)	307.9°, 99.6, 95.7
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.1, 90.693, -43.509
XYZ	49.203, 24.012, 64.327
xyY	0.358, 0.175, 24.012
CIE-LCH	56.1, 100.59, 334.371
CIE-LUV	56.1, 93.997, -79.908
Hunter-Lab	49.002, 93.475, -43.531
Binary	11110100, 00000001, 11010100

#f401d4
```
#f401d4 rgb(244,1,212)
```
#01f421
```
#01f421 rgb(1,244,33)
```

Complementary Color

#9b01f4
```
#9b01f4 rgb(155,1,244)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```
#f4015b
```
#f4015b rgb(244,1,91)
```

Analogous Color

#01f49b
```
#01f49b rgb(1,244,155)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```
#5bf401
```
#5bf401 rgb(91,244,1)
```

Split Complementary Color

#01d4f4
```
#01d4f4 rgb(1,212,244)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```
#d4f401
```
#d4f401 rgb(212,244,1)
```

Triadic Color

#2101f4
```
#2101f4 rgb(33,1,244)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```
#d4f401
```
#d4f401 rgb(212,244,1)
```
#01f421
```
#01f421 rgb(1,244,33)
```

Tetradic Color

#a80192
```
#a80192 rgb(168,1,146)
```
#c101a8
```
#c101a8 rgb(193,1,168)
```
#db01be
```
#db01be rgb(219,1,190)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```
#fe10df
```
#fe10df rgb(254,16,223)
```
#fe2ae2
```
#fe2ae2 rgb(254,42,226)
```
#fe43e6
```
#fe43e6 rgb(254,67,230)
```

Monochromatic Color

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

#d701f4
```
#d701f4 rgb(215,1,244)
```
#ec01f4
```
#ec01f4 rgb(236,1,244)
```
#f401e8
```
#f401e8 rgb(244,1,232)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```
#f401c0
```
#f401c0 rgb(244,1,192)
```
#f401ac
```
#f401ac rgb(244,1,172)
```
#f40197
```
#f40197 rgb(244,1,151)
```

Similar Colors

Text with hexadecimal color #f401d4

This text has a font color of #f401d4.

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

#f401d4 background color

This paragraph has a background color of #f401d4.

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

#f401d4 border color

This element has a border color of #f401d4.

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

CSS codes

.text {color:#f401d4;}

.background {background-color:#f401d4;}

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

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

#0a0008
```
#0a0008 rgb(10,0,8)
```
#1d0019
```
#1d0019 rgb(29,0,25)
```
#31002a
```
#31002a rgb(49,0,42)
```
#44003b
```
#44003b rgb(68,0,59)
```
#58004c
```
#58004c rgb(88,0,76)
```
#6b005d
```
#6b005d rgb(107,0,93)
```
#7f016e
```
#7f016e rgb(127,1,110)
```
#92017f
```
#92017f rgb(146,1,127)
```
#a60190
```
#a60190 rgb(166,1,144)
```
#b901a1
```
#b901a1 rgb(185,1,161)
```
#cd01b2
```
#cd01b2 rgb(205,1,178)
```
#e001c3
```
#e001c3 rgb(224,1,195)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```

Shade Color Variation

#fe0bde
```
#fe0bde rgb(254,11,222)
```
#fe1ee1
```
#fe1ee1 rgb(254,30,225)
```
#fe32e3
```
#fe32e3 rgb(254,50,227)
```
#fe45e6
```
#fe45e6 rgb(254,69,230)
```
#fe59e9
```
#fe59e9 rgb(254,89,233)
```
#fe6ceb
```
#fe6ceb rgb(254,108,235)
```
#fe80ee
```
#fe80ee rgb(254,128,238)
```
#ff93f0
```
#ff93f0 rgb(255,147,240)
```
#ffa7f3
```
#ffa7f3 rgb(255,167,243)
```
#ffbaf6
```
#ffbaf6 rgb(255,186,246)
```
#ffcef8
```
#ffcef8 rgb(255,206,248)
```
#ffe2fb
```
#ffe2fb rgb(255,226,251)
```
#fff5fe
```
#fff5fe rgb(255,245,254)
```

Tint Color Variation

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

#837281
```
#837281 rgb(131,114,129)
```
#8c6988
```
#8c6988 rgb(140,105,136)
```
#965f8f
```
#965f8f rgb(150,95,143)
```
#9f5696
```
#9f5696 rgb(159,86,150)
```
#a94c9c
```
#a94c9c rgb(169,76,156)
```
#b243a3
```
#b243a3 rgb(178,67,163)
```
#bb3aaa
```
#bb3aaa rgb(187,58,170)
```
#c530b1
```
#c530b1 rgb(197,48,177)
```
#ce27b8
```
#ce27b8 rgb(206,39,184)
```
#d81dbf
```
#d81dbf rgb(216,29,191)
```
#e114c6
```
#e114c6 rgb(225,20,198)
```
#eb0acd
```
#eb0acd rgb(235,10,205)
```
#f401d4
```
#f401d4 rgb(244,1,212)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f4f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#778bc1 Deuteranopia 1% of men
#e95b60 Tritanopia 0.001% of the population

Trichromacy

#7f57ef Protanomaly 1% of men, 0.01% of women
#a459c8 Deuteranomaly 6% of men, 0.4% of women
#ed3a8a Tritanomaly 0.01% of the population

#f401d4 hex color

#f401d4 Color Information

#f401d4 Color Conversion

Color Schemes with #f401d4

Alternatives to #f401d4

#f401d4 Preview

Shades and Tints of #f401d4

Tones of #f401d4

Color Blindness Simulator