#f12f75 hex color

In a RGB color space, hex #f12f75 is composed of 94.5% red, 18.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 51.5% yellow and 5.5% black. It has a hue angle of 338.4 degrees, a saturation of 87.4% and a lightness of 56.5%. #f12f75 color hex could be obtained by blending #ff5eea with #e30000. Closest websafe color is: #ff3366.

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

● #f12f75 color description : Bright pink.

The hexadecimal color #f12f75 has RGB values of R:241, G:47, B:117 and CMYK values of C:0, M:0.8, Y:0.51, K:0.05. Its decimal value is 15806325.

Hex triplet	f12f75	`#f12f75`
RGB Decimal	241, 47, 117	`rgb(241,47,117)`
RGB Percent	94.5, 18.4, 45.9	`rgb(94.5%,18.4%,45.9%)`
CMYK	0, 80, 51, 5
HSL	338.4°, 87.4, 56.5	`hsl(338.4,87.4%,56.5%)`
HSV (or HSB)	338.4°, 80.5, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.051, 74.319, 9.12
XYZ	40.504, 22.023, 18.947
xyY	0.497, 0.27, 22.023
CIE-LCH	54.051, 74.876, 6.996
CIE-LUV	54.051, 127.172, -3.444
Hunter-Lab	46.928, 71.941, 8.912
Binary	11110001, 00101111, 01110101

#f12f75
```
#f12f75 rgb(241,47,117)
```
#2ff1ab
```
#2ff1ab rgb(47,241,171)
```

Complementary Color

#f12fd6
```
#f12fd6 rgb(241,47,214)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#f14a2f
```
#f14a2f rgb(241,74,47)
```

Analogous Color

#2fd6f1
```
#2fd6f1 rgb(47,214,241)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#2ff14a
```
#2ff14a rgb(47,241,74)
```

Split Complementary Color

#2f75f1
```
#2f75f1 rgb(47,117,241)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#75f12f
```
#75f12f rgb(117,241,47)
```

Triadic Color

#ab2ff1
```
#ab2ff1 rgb(171,47,241)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#75f12f
```
#75f12f rgb(117,241,47)
```
#2ff1ab
```
#2ff1ab rgb(47,241,171)
```

Tetradic Color

#c60d50
```
#c60d50 rgb(198,13,80)
```
#de0f5a
```
#de0f5a rgb(222,15,90)
```
#ef1765
```
#ef1765 rgb(239,23,101)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#f34785
```
#f34785 rgb(243,71,133)
```
#f45f95
```
#f45f95 rgb(244,95,149)
```
#f677a5
```
#f677a5 rgb(246,119,165)
```

Monochromatic Color

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

#f12fa6
```
#f12fa6 rgb(241,47,166)
```
#f12f95
```
#f12f95 rgb(241,47,149)
```
#f12f85
```
#f12f85 rgb(241,47,133)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#f12f65
```
#f12f65 rgb(241,47,101)
```
#f12f55
```
#f12f55 rgb(241,47,85)
```
#f12f44
```
#f12f44 rgb(241,47,68)
```

Similar Colors

Text with hexadecimal color #f12f75

This text has a font color of #f12f75.

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

#f12f75 background color

This paragraph has a background color of #f12f75.

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

#f12f75 border color

This element has a border color of #f12f75.

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

CSS codes

.text {color:#f12f75;}

.background {background-color:#f12f75;}

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

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

#0d0105
```
#0d0105 rgb(13,1,5)
```
#1f020c
```
#1f020c rgb(31,2,12)
```
#310314
```
#310314 rgb(49,3,20)
```
#44051b
```
#44051b rgb(68,5,27)
```
#560623
```
#560623 rgb(86,6,35)
```
#68072a
```
#68072a rgb(104,7,42)
```
#7b0832
```
#7b0832 rgb(123,8,50)
```
#8d0a39
```
#8d0a39 rgb(141,10,57)
```
#a00b40
```
#a00b40 rgb(160,11,64)
```
#b20c48
```
#b20c48 rgb(178,12,72)
```
#c40d4f
```
#c40d4f rgb(196,13,79)
```
#d70e57
```
#d70e57 rgb(215,14,87)
```
#e9105e
```
#e9105e rgb(233,16,94)
```

Shade Color Variation

#f01d69
```
#f01d69 rgb(240,29,105)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#f24181
```
#f24181 rgb(242,65,129)
```
#f3548d
```
#f3548d rgb(243,84,141)
```
#f5669a
```
#f5669a rgb(245,102,154)
```
#f679a6
```
#f679a6 rgb(246,121,166)
```
#f78bb2
```
#f78bb2 rgb(247,139,178)
```
#f89dbe
```
#f89dbe rgb(248,157,190)
```
#fab0ca
```
#fab0ca rgb(250,176,202)
```
#fbc2d7
```
#fbc2d7 rgb(251,194,215)
```
#fcd4e3
```
#fcd4e3 rgb(252,212,227)
```
#fde7ef
```
#fde7ef rgb(253,231,239)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#938d8f
```
#938d8f rgb(147,141,143)
```
#9c848d
```
#9c848d rgb(156,132,141)
```
#a47c8a
```
#a47c8a rgb(164,124,138)
```
#ad7388
```
#ad7388 rgb(173,115,136)
```
#b56b86
```
#b56b86 rgb(181,107,134)
```
#be6283
```
#be6283 rgb(190,98,131)
```
#c65a81
```
#c65a81 rgb(198,90,129)
```
#cf517f
```
#cf517f rgb(207,81,127)
```
#d7497c
```
#d7497c rgb(215,73,124)
```
#e0407a
```
#e0407a rgb(224,64,122)
```
#e83877
```
#e83877 rgb(232,56,119)
```
#f12f75
```
#f12f75 rgb(241,47,117)
```
#fa2673
```
#fa2673 rgb(250,38,115)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8b6472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82869e Protanopia 1% of men
#9c826f Deuteranopia 1% of men
#ef474a Tritanopia 0.001% of the population

Trichromacy

#aa668f Protanomaly 1% of men, 0.01% of women
#bb6471 Deuteranomaly 6% of men, 0.4% of women
#ef3e59 Tritanomaly 0.01% of the population

#f12f75 hex color

#f12f75 Color Information

#f12f75 Color Conversion

Color Schemes with #f12f75

Alternatives to #f12f75

#f12f75 Preview

Shades and Tints of #f12f75

Tones of #f12f75

Color Blindness Simulator