#f12f89 hex color

In a RGB color space, hex #f12f89 is composed of 94.5% red, 18.4% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 43.2% yellow and 5.5% black. It has a hue angle of 332.2 degrees, a saturation of 87.4% and a lightness of 56.5%. #f12f89 color hex could be obtained by blending #ff5eff with #e30013. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 95
- G 18
- B 54
RGB color chart
- C 0
- M 80
- Y 43
- K 5
CMYK color chart

● #f12f89 color description : Bright pink.

The hexadecimal color #f12f89 has RGB values of R:241, G:47, B:137 and CMYK values of C:0, M:0.8, Y:0.43, K:0.05. Its decimal value is 15806345.

Hex triplet	f12f89	`#f12f89`
RGB Decimal	241, 47, 137	`rgb(241,47,137)`
RGB Percent	94.5, 18.4, 53.7	`rgb(94.5%,18.4%,53.7%)`
CMYK	0, 80, 43, 5
HSL	332.2°, 87.4, 56.5	`hsl(332.2,87.4%,56.5%)`
HSV (or HSB)	332.2°, 80.5, 94.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.6, 75.949, -2.062
XYZ	41.809, 22.544, 25.815
xyY	0.464, 0.25, 22.544
CIE-LCH	54.6, 75.977, 358.445
CIE-LUV	54.6, 119.078, -17.577
Hunter-Lab	47.481, 74.084, 1.001
Binary	11110001, 00101111, 10001001

#f12f89
```
#f12f89 rgb(241,47,137)
```
#2ff197
```
#2ff197 rgb(47,241,151)
```

Complementary Color

#f12fea
```
#f12fea rgb(241,47,234)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#f1362f
```
#f1362f rgb(241,54,47)
```

Analogous Color

#2feaf1
```
#2feaf1 rgb(47,234,241)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#2ff136
```
#2ff136 rgb(47,241,54)
```

Split Complementary Color

#2f89f1
```
#2f89f1 rgb(47,137,241)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#89f12f
```
#89f12f rgb(137,241,47)
```

Triadic Color

#972ff1
```
#972ff1 rgb(151,47,241)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#89f12f
```
#89f12f rgb(137,241,47)
```
#2ff197
```
#2ff197 rgb(47,241,151)
```

Tetradic Color

#c60d63
```
#c60d63 rgb(198,13,99)
```
#de0f6f
```
#de0f6f rgb(222,15,111)
```
#ef177b
```
#ef177b rgb(239,23,123)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#f34797
```
#f34797 rgb(243,71,151)
```
#f45fa4
```
#f45fa4 rgb(244,95,164)
```
#f677b2
```
#f677b2 rgb(246,119,178)
```

Monochromatic Color

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

#f12fba
```
#f12fba rgb(241,47,186)
```
#f12fa9
```
#f12fa9 rgb(241,47,169)
```
#f12f99
```
#f12f99 rgb(241,47,153)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#f12f79
```
#f12f79 rgb(241,47,121)
```
#f12f69
```
#f12f69 rgb(241,47,105)
```
#f12f59
```
#f12f59 rgb(241,47,89)
```

Similar Colors

Text with hexadecimal color #f12f89

This text has a font color of #f12f89.

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

#f12f89 background color

This paragraph has a background color of #f12f89.

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

#f12f89 border color

This element has a border color of #f12f89.

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

CSS codes

.text {color:#f12f89;}

.background {background-color:#f12f89;}

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

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

#0d0106
```
#0d0106 rgb(13,1,6)
```
#1f020f
```
#1f020f rgb(31,2,15)
```
#310319
```
#310319 rgb(49,3,25)
```
#440522
```
#440522 rgb(68,5,34)
```
#56062b
```
#56062b rgb(86,6,43)
```
#680734
```
#680734 rgb(104,7,52)
```
#7b083d
```
#7b083d rgb(123,8,61)
```
#8d0a47
```
#8d0a47 rgb(141,10,71)
```
#a00b50
```
#a00b50 rgb(160,11,80)
```
#b20c59
```
#b20c59 rgb(178,12,89)
```
#c40d62
```
#c40d62 rgb(196,13,98)
```
#d70e6b
```
#d70e6b rgb(215,14,107)
```
#e91075
```
#e91075 rgb(233,16,117)
```

Shade Color Variation

#f01d7f
```
#f01d7f rgb(240,29,127)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#f24193
```
#f24193 rgb(242,65,147)
```
#f3549e
```
#f3549e rgb(243,84,158)
```
#f566a8
```
#f566a8 rgb(245,102,168)
```
#f679b3
```
#f679b3 rgb(246,121,179)
```
#f78bbd
```
#f78bbd rgb(247,139,189)
```
#f89dc8
```
#f89dc8 rgb(248,157,200)
```
#fab0d2
```
#fab0d2 rgb(250,176,210)
```
#fbc2dc
```
#fbc2dc rgb(251,194,220)
```
#fcd4e7
```
#fcd4e7 rgb(252,212,231)
```
#fde7f1
```
#fde7f1 rgb(253,231,241)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#938d90
```
#938d90 rgb(147,141,144)
```
#9c848f
```
#9c848f rgb(156,132,143)
```
#a47c8f
```
#a47c8f rgb(164,124,143)
```
#ad738e
```
#ad738e rgb(173,115,142)
```
#b56b8d
```
#b56b8d rgb(181,107,141)
```
#be628d
```
#be628d rgb(190,98,141)
```
#c65a8c
```
#c65a8c rgb(198,90,140)
```
#cf518b
```
#cf518b rgb(207,81,139)
```
#d7498b
```
#d7498b rgb(215,73,139)
```
#e0408a
```
#e0408a rgb(224,64,138)
```
#e8388a
```
#e8388a rgb(232,56,138)
```
#f12f89
```
#f12f89 rgb(241,47,137)
```
#fa2688
```
#fa2688 rgb(250,38,136)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8c6577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a87b6 Protanopia 1% of men
#988481 Deuteranopia 1% of men
#ed4d50 Tritanopia 0.001% of the population

Trichromacy

#a567a6 Protanomaly 1% of men, 0.01% of women
#b86584 Deuteranomaly 6% of men, 0.4% of women
#ef4265 Tritanomaly 0.01% of the population

#f12f89 hex color

#f12f89 Color Information

#f12f89 Color Conversion

Color Schemes with #f12f89

Alternatives to #f12f89

#f12f89 Preview

Shades and Tints of #f12f89

Tones of #f12f89

Color Blindness Simulator