#f12bc4 hex color

In a RGB color space, hex #f12bc4 is composed of 94.5% red, 16.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 18.7% yellow and 5.5% black. It has a hue angle of 313.6 degrees, a saturation of 87.6% and a lightness of 55.7%. #f12bc4 color hex could be obtained by blending #ff56ff with #e30089. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 17
- B 77
RGB color chart
- C 0
- M 82
- Y 19
- K 5
CMYK color chart

● #f12bc4 color description : Bright magenta.

The hexadecimal color #f12bc4 has RGB values of R:241, G:43, B:196 and CMYK values of C:0, M:0.82, Y:0.19, K:0.05. Its decimal value is 15805380.

Hex triplet	f12bc4	`#f12bc4`
RGB Decimal	241, 43, 196	`rgb(241,43,196)`
RGB Percent	94.5, 16.9, 76.9	`rgb(94.5%,16.9%,76.9%)`
CMYK	0, 82, 19, 5
HSL	313.6°, 87.6, 55.7	`hsl(313.6,87.6%,55.7%)`
HSV (or HSB)	313.6°, 82.2, 94.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.504, 83.16, -33.745
XYZ	47.103, 24.418, 54.454
xyY	0.374, 0.194, 24.418
CIE-LCH	56.504, 89.746, 337.913
CIE-LUV	56.504, 94.646, -64.12
Hunter-Lab	49.415, 83.675, -30.746
Binary	11110001, 00101011, 11000100

#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#2bf158
```
#2bf158 rgb(43,241,88)
```

Complementary Color

#bb2bf1
```
#bb2bf1 rgb(187,43,241)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#f12b61
```
#f12b61 rgb(241,43,97)
```

Analogous Color

#2bf1bb
```
#2bf1bb rgb(43,241,187)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#61f12b
```
#61f12b rgb(97,241,43)
```

Split Complementary Color

#2bc4f1
```
#2bc4f1 rgb(43,196,241)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#c4f12b
```
#c4f12b rgb(196,241,43)
```

Triadic Color

#582bf1
```
#582bf1 rgb(88,43,241)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#c4f12b
```
#c4f12b rgb(196,241,43)
```
#2bf158
```
#2bf158 rgb(43,241,88)
```

Tetradic Color

#c30d99
```
#c30d99 rgb(195,13,153)
```
#db0eac
```
#db0eac rgb(219,14,172)
```
#ef13bd
```
#ef13bd rgb(239,19,189)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#f343cb
```
#f343cb rgb(243,67,203)
```
#f45bd1
```
#f45bd1 rgb(244,91,209)
```
#f673d8
```
#f673d8 rgb(246,115,216)
```

Monochromatic Color

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

#ed2bf1
```
#ed2bf1 rgb(237,43,241)
```
#f12be5
```
#f12be5 rgb(241,43,229)
```
#f12bd5
```
#f12bd5 rgb(241,43,213)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#f12bb4
```
#f12bb4 rgb(241,43,180)
```
#f12ba3
```
#f12ba3 rgb(241,43,163)
```
#f12b93
```
#f12b93 rgb(241,43,147)
```

Similar Colors

Text with hexadecimal color #f12bc4

This text has a font color of #f12bc4.

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

#f12bc4 background color

This paragraph has a background color of #f12bc4.

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

#f12bc4 border color

This element has a border color of #f12bc4.

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

CSS codes

.text {color:#f12bc4;}

.background {background-color:#f12bc4;}

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

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

#090107
```
#090107 rgb(9,1,7)
```
#1b0215
```
#1b0215 rgb(27,2,21)
```
#2e0324
```
#2e0324 rgb(46,3,36)
```
#400432
```
#400432 rgb(64,4,50)
```
#520541
```
#520541 rgb(82,5,65)
```
#65074f
```
#65074f rgb(101,7,79)
```
#77085e
```
#77085e rgb(119,8,94)
```
#8a096c
```
#8a096c rgb(138,9,108)
```
#9c0a7b
```
#9c0a7b rgb(156,10,123)
```
#ae0c89
```
#ae0c89 rgb(174,12,137)
```
#c10d98
```
#c10d98 rgb(193,13,152)
```
#d30ea6
```
#d30ea6 rgb(211,14,166)
```
#e60fb5
```
#e60fb5 rgb(230,15,181)
```

Shade Color Variation

#f019bf
```
#f019bf rgb(240,25,191)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#f23dc9
```
#f23dc9 rgb(242,61,201)
```
#f350ce
```
#f350ce rgb(243,80,206)
```
#f562d3
```
#f562d3 rgb(245,98,211)
```
#f675d8
```
#f675d8 rgb(246,117,216)
```
#f787de
```
#f787de rgb(247,135,222)
```
#f899e3
```
#f899e3 rgb(248,153,227)
```
#faace8
```
#faace8 rgb(250,172,232)
```
#fbbeed
```
#fbbeed rgb(251,190,237)
```
#fcd1f2
```
#fcd1f2 rgb(252,209,242)
```
#fde3f7
```
#fde3f7 rgb(253,227,247)
```
#fef5fc
```
#fef5fc rgb(254,245,252)
```

Tint Color Variation

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

#918b90
```
#918b90 rgb(145,139,144)
```
#9a8295
```
#9a8295 rgb(154,130,149)
```
#a37999
```
#a37999 rgb(163,121,153)
```
#ab719e
```
#ab719e rgb(171,113,158)
```
#b468a3
```
#b468a3 rgb(180,104,163)
```
#bd5fa8
```
#bd5fa8 rgb(189,95,168)
```
#c656ac
```
#c656ac rgb(198,86,172)
```
#ce4eb1
```
#ce4eb1 rgb(206,78,177)
```
#d745b6
```
#d745b6 rgb(215,69,182)
```
#e03cbb
```
#e03cbb rgb(224,60,187)
```
#e834bf
```
#e834bf rgb(232,52,191)
```
#f12bc4
```
#f12bc4 rgb(241,43,196)
```
#fa22c9
```
#fa22c9 rgb(250,34,201)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#906987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4589fd Protanopia 1% of men
#838bb5 Deuteranopia 1% of men
#e85e63 Tritanopia 0.001% of the population

Trichromacy

#8367e8 Protanomaly 1% of men, 0.01% of women
#ab68ba Deuteranomaly 6% of men, 0.4% of women
#eb4b86 Tritanomaly 0.01% of the population

#f12bc4 hex color

#f12bc4 Color Information

#f12bc4 Color Conversion

Color Schemes with #f12bc4

Alternatives to #f12bc4

#f12bc4 Preview

Shades and Tints of #f12bc4

Tones of #f12bc4

Color Blindness Simulator