#f301dc hex color

In a RGB color space, hex #f301dc is composed of 95.3% red, 0.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 9.5% yellow and 4.7% black. It has a hue angle of 305.7 degrees, a saturation of 99.2% and a lightness of 47.8%. #f301dc color hex could be obtained by blending #ff02ff with #e700b9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 0
- B 86
RGB color chart
- C 0
- M 100
- Y 9
- K 5
CMYK color chart

● #f301dc color description : Vivid magenta.

The hexadecimal color #f301dc has RGB values of R:243, G:1, B:220 and CMYK values of C:0, M:1, Y:0.09, K:0.05. Its decimal value is 15925724.

Hex triplet	f301dc	`#f301dc`
RGB Decimal	243, 1, 220	`rgb(243,1,220)`
RGB Percent	95.3, 0.4, 86.3	`rgb(95.3%,0.4%,86.3%)`
CMYK	0, 100, 9, 5
HSL	305.7°, 99.2, 47.8	`hsl(305.7,99.2%,47.8%)`
HSV (or HSB)	305.7°, 99.6, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.335, 91.545, -47.7
XYZ	49.891, 24.248, 69.759
xyY	0.347, 0.169, 24.248
CIE-LCH	56.335, 103.227, 332.478
CIE-LUV	56.335, 89.748, -86.405
Hunter-Lab	49.242, 94.679, -49.524
Binary	11110011, 00000001, 11011100

#f301dc
```
#f301dc rgb(243,1,220)
```
#01f318
```
#01f318 rgb(1,243,24)
```

Complementary Color

#9101f3
```
#9101f3 rgb(145,1,243)
```
#f301dc
```
#f301dc rgb(243,1,220)
```
#f30163
```
#f30163 rgb(243,1,99)
```

Analogous Color

#01f391
```
#01f391 rgb(1,243,145)
```
#f301dc
```
#f301dc rgb(243,1,220)
```
#63f301
```
#63f301 rgb(99,243,1)
```

Split Complementary Color

#01dcf3
```
#01dcf3 rgb(1,220,243)
```
#f301dc
```
#f301dc rgb(243,1,220)
```
#dcf301
```
#dcf301 rgb(220,243,1)
```

Triadic Color

#1801f3
```
#1801f3 rgb(24,1,243)
```
#f301dc
```
#f301dc rgb(243,1,220)
```
#dcf301
```
#dcf301 rgb(220,243,1)
```
#01f318
```
#01f318 rgb(1,243,24)
```

Tetradic Color

#a70197
```
#a70197 rgb(167,1,151)
```
#c001ae
```
#c001ae rgb(192,1,174)
```
#da01c5
```
#da01c5 rgb(218,1,197)
```
#f301dc
```
#f301dc rgb(243,1,220)
```
#fe0fe7
```
#fe0fe7 rgb(254,15,231)
```
#fe29ea
```
#fe29ea rgb(254,41,234)
```
#fe42ec
```
#fe42ec rgb(254,66,236)
```

Monochromatic Color

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

#ce01f3
```
#ce01f3 rgb(206,1,243)
```
#e201f3
```
#e201f3 rgb(226,1,243)
```
#f301f0
```
#f301f0 rgb(243,1,240)
```
#f301dc
```
#f301dc rgb(243,1,220)
```
#f301c8
```
#f301c8 rgb(243,1,200)
```
#f301b4
```
#f301b4 rgb(243,1,180)
```
#f301a0
```
#f301a0 rgb(243,1,160)
```

Similar Colors

Text with hexadecimal color #f301dc

This text has a font color of #f301dc.

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

#f301dc background color

This paragraph has a background color of #f301dc.

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

#f301dc border color

This element has a border color of #f301dc.

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

CSS codes

.text {color:#f301dc;}

.background {background-color:#f301dc;}

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

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

#090008
```
#090008 rgb(9,0,8)
```
#1c0019
```
#1c0019 rgb(28,0,25)
```
#30002b
```
#30002b rgb(48,0,43)
```
#43003d
```
#43003d rgb(67,0,61)
```
#57004f
```
#57004f rgb(87,0,79)
```
#6a0060
```
#6a0060 rgb(106,0,96)
```
#7e0172
```
#7e0172 rgb(126,1,114)
```
#910184
```
#910184 rgb(145,1,132)
```
#a50195
```
#a50195 rgb(165,1,149)
```
#b801a7
```
#b801a7 rgb(184,1,167)
```
#cc01b9
```
#cc01b9 rgb(204,1,185)
```
#df01ca
```
#df01ca rgb(223,1,202)
```
#f301dc
```
#f301dc rgb(243,1,220)
```

Shade Color Variation

#fe0ae7
```
#fe0ae7 rgb(254,10,231)
```
#fe1de9
```
#fe1de9 rgb(254,29,233)
```
#fe31eb
```
#fe31eb rgb(254,49,235)
```
#fe44ed
```
#fe44ed rgb(254,68,237)
```
#fe58ee
```
#fe58ee rgb(254,88,238)
```
#fe6bf0
```
#fe6bf0 rgb(254,107,240)
```
#fe7ff2
```
#fe7ff2 rgb(254,127,242)
```
#ff92f4
```
#ff92f4 rgb(255,146,244)
```
#ffa6f6
```
#ffa6f6 rgb(255,166,246)
```
#ffb9f8
```
#ffb9f8 rgb(255,185,248)
```
#ffcdfa
```
#ffcdfa rgb(255,205,250)
```
#ffe1fc
```
#ffe1fc rgb(255,225,252)
```
#fff4fe
```
#fff4fe rgb(255,244,254)
```

Tint Color Variation

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

#827281
```
#827281 rgb(130,114,129)
```
#8c6888
```
#8c6888 rgb(140,104,136)
```
#955f90
```
#955f90 rgb(149,95,144)
```
#9f5598
```
#9f5598 rgb(159,85,152)
```
#a84c9f
```
#a84c9f rgb(168,76,159)
```
#b143a7
```
#b143a7 rgb(177,67,167)
```
#bb39ae
```
#bb39ae rgb(187,57,174)
```
#c430b6
```
#c430b6 rgb(196,48,182)
```
#cd27be
```
#cd27be rgb(205,39,190)
```
#d71dc5
```
#d71dc5 rgb(215,29,197)
```
#e014cd
```
#e014cd rgb(224,20,205)
```
#ea0ad4
```
#ea0ad4 rgb(234,10,212)
```
#f301dc
```
#f301dc rgb(243,1,220)
```

Tone Color Variation

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

Dichromacy

#3f89ff Protanopia 1% of men
#718cc8 Deuteranopia 1% of men
#e75f64 Tritanopia 0.001% of the population

Trichromacy

#8057f2 Protanomaly 1% of men, 0.01% of women
#a059cf Deuteranomaly 6% of men, 0.4% of women
#eb3c8f Tritanomaly 0.01% of the population

#f301dc hex color

#f301dc Color Information

#f301dc Color Conversion

Color Schemes with #f301dc

Alternatives to #f301dc

#f301dc Preview

Shades and Tints of #f301dc

Tones of #f301dc

Color Blindness Simulator