#f812c1 hex color

In a RGB color space, hex #f812c1 is composed of 97.3% red, 7.1% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.7% magenta, 22.2% yellow and 2.7% black. It has a hue angle of 314.3 degrees, a saturation of 94.3% and a lightness of 52.2%. #f812c1 color hex could be obtained by blending #ff24ff with #f10083. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 97
- G 7
- B 76
RGB color chart
- C 0
- M 93
- Y 22
- K 3
CMYK color chart

● #f812c1 color description : Vivid magenta.

The hexadecimal color #f812c1 has RGB values of R:248, G:18, B:193 and CMYK values of C:0, M:0.93, Y:0.22, K:0.03. Its decimal value is 16257729.

Hex triplet	f812c1	`#f812c1`
RGB Decimal	248, 18, 193	`rgb(248,18,193)`
RGB Percent	97.3, 7.1, 75.7	`rgb(97.3%,7.1%,75.7%)`
CMYK	0, 93, 22, 3
HSL	314.3°, 94.3, 52.2	`hsl(314.3,94.3%,52.2%)`
HSV (or HSB)	314.3°, 92.7, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.331, 87.925, -32.193
XYZ	48.554, 24.244, 52.572
xyY	0.387, 0.193, 24.244
CIE-LCH	56.331, 93.634, 339.89
CIE-LUV	56.331, 104.67, -62.604
Hunter-Lab	49.238, 89.853, -28.838
Binary	11111000, 00010010, 11000001

#f812c1
```
#f812c1 rgb(248,18,193)
```
#12f849
```
#12f849 rgb(18,248,73)
```

Complementary Color

#bc12f8
```
#bc12f8 rgb(188,18,248)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```
#f8124e
```
#f8124e rgb(248,18,78)
```

Analogous Color

#12f8bc
```
#12f8bc rgb(18,248,188)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```
#4ef812
```
#4ef812 rgb(78,248,18)
```

Split Complementary Color

#12c1f8
```
#12c1f8 rgb(18,193,248)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```
#c1f812
```
#c1f812 rgb(193,248,18)
```

Triadic Color

#4912f8
```
#4912f8 rgb(73,18,248)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```
#c1f812
```
#c1f812 rgb(193,248,18)
```
#12f849
```
#12f849 rgb(18,248,73)
```

Tetradic Color

#b8058d
```
#b8058d rgb(184,5,141)
```
#d106a0
```
#d106a0 rgb(209,6,160)
```
#ea07b3
```
#ea07b3 rgb(234,7,179)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```
#f92bc7
```
#f92bc7 rgb(249,43,199)
```
#f944ce
```
#f944ce rgb(249,68,206)
```
#fa5cd4
```
#fa5cd4 rgb(250,92,212)
```

Monochromatic Color

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

#f612f8
```
#f612f8 rgb(246,18,248)
```
#f812e7
```
#f812e7 rgb(248,18,231)
```
#f812d4
```
#f812d4 rgb(248,18,212)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```
#f812ae
```
#f812ae rgb(248,18,174)
```
#f8129b
```
#f8129b rgb(248,18,155)
```
#f81288
```
#f81288 rgb(248,18,136)
```

Similar Colors

Text with hexadecimal color #f812c1

This text has a font color of #f812c1.

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

#f812c1 background color

This paragraph has a background color of #f812c1.

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

#f812c1 border color

This element has a border color of #f812c1.

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

CSS codes

.text {color:#f812c1;}

.background {background-color:#f812c1;}

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

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

#0b0008
```
#0b0008 rgb(11,0,8)
```
#1e0117
```
#1e0117 rgb(30,1,23)
```
#310125
```
#310125 rgb(49,1,37)
```
#440234
```
#440234 rgb(68,2,52)
```
#570343
```
#570343 rgb(87,3,67)
```
#6a0351
```
#6a0351 rgb(106,3,81)
```
#7d0460
```
#7d0460 rgb(125,4,96)
```
#90046f
```
#90046f rgb(144,4,111)
```
#a3057d
```
#a3057d rgb(163,5,125)
```
#b6058c
```
#b6058c rgb(182,5,140)
```
#c9069b
```
#c9069b rgb(201,6,155)
```
#dc07a9
```
#dc07a9 rgb(220,7,169)
```
#ef07b8
```
#ef07b8 rgb(239,7,184)
```

Shade Color Variation

#f812c1
```
#f812c1 rgb(248,18,193)
```
#f925c6
```
#f925c6 rgb(249,37,198)
```
#f938cb
```
#f938cb rgb(249,56,203)
```
#fa4bd0
```
#fa4bd0 rgb(250,75,208)
```
#fa5ed5
```
#fa5ed5 rgb(250,94,213)
```
#fb71da
```
#fb71da rgb(251,113,218)
```
#fb84df
```
#fb84df rgb(251,132,223)
```
#fc97e4
```
#fc97e4 rgb(252,151,228)
```
#fdaae9
```
#fdaae9 rgb(253,170,233)
```
#fdbdee
```
#fdbdee rgb(253,189,238)
```
#fed1f3
```
#fed1f3 rgb(254,209,243)
```
#fee4f8
```
#fee4f8 rgb(254,228,248)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#878386
```
#878386 rgb(135,131,134)
```
#91798b
```
#91798b rgb(145,121,139)
```
#9a7090
```
#9a7090 rgb(154,112,144)
```
#a46695
```
#a46695 rgb(164,102,149)
```
#ad5d9a
```
#ad5d9a rgb(173,93,154)
```
#b6549f
```
#b6549f rgb(182,84,159)
```
#c04aa4
```
#c04aa4 rgb(192,74,164)
```
#c941a9
```
#c941a9 rgb(201,65,169)
```
#d238ad
```
#d238ad rgb(210,56,173)
```
#dc2eb2
```
#dc2eb2 rgb(220,46,178)
```
#e525b7
```
#e525b7 rgb(229,37,183)
```
#ef1bbc
```
#ef1bbc rgb(239,27,188)
```
#f812c1
```
#f812c1 rgb(248,18,193)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#87597c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4189ff Protanopia 1% of men
#858bb1 Deuteranopia 1% of men
#ef565a Tritanopia 0.001% of the population

Trichromacy

#835de8 Protanomaly 1% of men, 0.01% of women
#af5fb7 Deuteranomaly 6% of men, 0.4% of women
#f23d80 Tritanomaly 0.01% of the population

#f812c1 hex color

#f812c1 Color Information

#f812c1 Color Conversion

Color Schemes with #f812c1

Alternatives to #f812c1

#f812c1 Preview

Shades and Tints of #f812c1

Tones of #f812c1

Color Blindness Simulator