#f312dc hex color

In a RGB color space, hex #f312dc is composed of 95.3% red, 7.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.6% magenta, 9.5% yellow and 4.7% black. It has a hue angle of 306.1 degrees, a saturation of 90.4% and a lightness of 51.2%. #f312dc color hex could be obtained by blending #ff24ff with #e700b9. Closest websafe color is: #ff00cc.

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

● #f312dc color description : Vivid magenta.

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

Hex triplet	f312dc	`#f312dc`
RGB Decimal	243, 18, 220	`rgb(243,18,220)`
RGB Percent	95.3, 7.1, 86.3	`rgb(95.3%,7.1%,86.3%)`
CMYK	0, 93, 9, 5
HSL	306.1°, 90.4, 51.2	`hsl(306.1,90.4%,51.2%)`
HSV (or HSB)	306.1°, 92.6, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.741, 90.346, -47.056
XYZ	50.096, 24.659, 69.827
xyY	0.346, 0.171, 24.659
CIE-LCH	56.741, 101.866, 332.488
CIE-LUV	56.741, 88.89, -85.394
Hunter-Lab	49.657, 93.177, -48.613
Binary	11110011, 00010010, 11011100

#f312dc
```
#f312dc rgb(243,18,220)
```
#12f329
```
#12f329 rgb(18,243,41)
```

Complementary Color

#9a12f3
```
#9a12f3 rgb(154,18,243)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#f3126c
```
#f3126c rgb(243,18,108)
```

Analogous Color

#12f39a
```
#12f39a rgb(18,243,154)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#6cf312
```
#6cf312 rgb(108,243,18)
```

Split Complementary Color

#12dcf3
```
#12dcf3 rgb(18,220,243)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#dcf312
```
#dcf312 rgb(220,243,18)
```

Triadic Color

#2912f3
```
#2912f3 rgb(41,18,243)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#dcf312
```
#dcf312 rgb(220,243,18)
```
#12f329
```
#12f329 rgb(18,243,41)
```

Tetradic Color

#b0099f
```
#b0099f rgb(176,9,159)
```
#c80ab4
```
#c80ab4 rgb(200,10,180)
```
#e00bca
```
#e00bca rgb(224,11,202)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#f42ae0
```
#f42ae0 rgb(244,42,224)
```
#f543e3
```
#f543e3 rgb(245,67,227)
```
#f75be7
```
#f75be7 rgb(247,91,231)
```

Monochromatic Color

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

#d212f3
```
#d212f3 rgb(210,18,243)
```
#e512f3
```
#e512f3 rgb(229,18,243)
```
#f312ef
```
#f312ef rgb(243,18,239)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#f312c9
```
#f312c9 rgb(243,18,201)
```
#f312b7
```
#f312b7 rgb(243,18,183)
```
#f312a4
```
#f312a4 rgb(243,18,164)
```

Similar Colors

Text with hexadecimal color #f312dc

This text has a font color of #f312dc.

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

#f312dc background color

This paragraph has a background color of #f312dc.

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

#f312dc border color

This element has a border color of #f312dc.

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

CSS codes

.text {color:#f312dc;}

.background {background-color:#f312dc;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#180116
```
#180116 rgb(24,1,22)
```
#2b0227
```
#2b0227 rgb(43,2,39)
```
#3e0338
```
#3e0338 rgb(62,3,56)
```
#500449
```
#500449 rgb(80,4,73)
```
#630559
```
#630559 rgb(99,5,89)
```
#76066a
```
#76066a rgb(118,6,106)
```
#88077b
```
#88077b rgb(136,7,123)
```
#9b088c
```
#9b088c rgb(155,8,140)
```
#ae099d
```
#ae099d rgb(174,9,157)
```
#c00aae
```
#c00aae rgb(192,10,174)
```
#d30bbf
```
#d30bbf rgb(211,11,191)
```
#e60ccf
```
#e60ccf rgb(230,12,207)
```

Shade Color Variation

#f312dc
```
#f312dc rgb(243,18,220)
```
#f425df
```
#f425df rgb(244,37,223)
```
#f537e2
```
#f537e2 rgb(245,55,226)
```
#f64ae4
```
#f64ae4 rgb(246,74,228)
```
#f75de7
```
#f75de7 rgb(247,93,231)
```
#f86fea
```
#f86fea rgb(248,111,234)
```
#f982ed
```
#f982ed rgb(249,130,237)
```
#fa95ef
```
#fa95ef rgb(250,149,239)
```
#fba7f2
```
#fba7f2 rgb(251,167,242)
```
#fcbaf5
```
#fcbaf5 rgb(252,186,245)
```
#fccdf8
```
#fccdf8 rgb(252,205,248)
```
#fddffa
```
#fddffa rgb(253,223,250)
```
#fef2fd
```
#fef2fd rgb(254,242,253)
```

Tint Color Variation

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

#8a7b88
```
#8a7b88 rgb(138,123,136)
```
#937290
```
#937290 rgb(147,114,144)
```
#9d6897
```
#9d6897 rgb(157,104,151)
```
#a65f9f
```
#a65f9f rgb(166,95,159)
```
#b055a7
```
#b055a7 rgb(176,85,167)
```
#ba4bae
```
#ba4bae rgb(186,75,174)
```
#c342b6
```
#c342b6 rgb(195,66,182)
```
#cd38be
```
#cd38be rgb(205,56,190)
```
#d62fc5
```
#d62fc5 rgb(214,47,197)
```
#e025cd
```
#e025cd rgb(224,37,205)
```
#e91cd4
```
#e91cd4 rgb(233,28,212)
```
#f312dc
```
#f312dc rgb(243,18,220)
```
#fd08e4
```
#fd08e4 rgb(253,8,228)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#875a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#438aff Protanopia 1% of men
#738dc9 Deuteranopia 1% of men
#e76166 Tritanopia 0.001% of the population

Trichromacy

#835ef2 Protanomaly 1% of men, 0.01% of women
#a160d0 Deuteranomaly 6% of men, 0.4% of women
#eb4491 Tritanomaly 0.01% of the population

#f312dc hex color

#f312dc Color Information

#f312dc Color Conversion

Color Schemes with #f312dc

Alternatives to #f312dc

#f312dc Preview

Shades and Tints of #f312dc

Tones of #f312dc

Color Blindness Simulator