#f12b46 hex color

In a RGB color space, hex #f12b46 is composed of 94.5% red, 16.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 71% yellow and 5.5% black. It has a hue angle of 351.8 degrees, a saturation of 87.6% and a lightness of 55.7%. #f12b46 color hex could be obtained by blending #ff568c with #e30000. Closest websafe color is: #ff3333.

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

● #f12b46 color description : Bright red.

The hexadecimal color #f12b46 has RGB values of R:241, G:43, B:70 and CMYK values of C:0, M:0.82, Y:0.71, K:0.05. Its decimal value is 15805254.

Hex triplet	f12b46	`#f12b46`
RGB Decimal	241, 43, 70	`rgb(241,43,70)`
RGB Percent	94.5, 16.9, 27.5	`rgb(94.5%,16.9%,27.5%)`
CMYK	0, 82, 71, 5
HSL	351.8°, 87.6, 55.7	`hsl(351.8,87.6%,55.7%)`
HSV (or HSB)	351.8°, 82.2, 94.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.813, 72.531, 35.546
XYZ	38.247, 20.875, 7.81
xyY	0.571, 0.312, 20.875
CIE-LCH	52.813, 80.773, 26.109
CIE-LUV	52.813, 144.41, 22.61
Hunter-Lab	45.69, 69.465, 21.849
Binary	11110001, 00101011, 01000110

#f12b46
```
#f12b46 rgb(241,43,70)
```
#2bf1d6
```
#2bf1d6 rgb(43,241,214)
```

Complementary Color

#f12ba9
```
#f12ba9 rgb(241,43,169)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#f1732b
```
#f1732b rgb(241,115,43)
```

Analogous Color

#2ba9f1
```
#2ba9f1 rgb(43,169,241)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#2bf173
```
#2bf173 rgb(43,241,115)
```

Split Complementary Color

#2b46f1
```
#2b46f1 rgb(43,70,241)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#46f12b
```
#46f12b rgb(70,241,43)
```

Triadic Color

#d62bf1
```
#d62bf1 rgb(214,43,241)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#46f12b
```
#46f12b rgb(70,241,43)
```
#2bf1d6
```
#2bf1d6 rgb(43,241,214)
```

Tetradic Color

#c30d26
```
#c30d26 rgb(195,13,38)
```
#db0e2a
```
#db0e2a rgb(219,14,42)
```
#ef1331
```
#ef1331 rgb(239,19,49)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#f3435b
```
#f3435b rgb(243,67,91)
```
#f45b70
```
#f45b70 rgb(244,91,112)
```
#f67385
```
#f67385 rgb(246,115,133)
```

Monochromatic Color

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

#f12b78
```
#f12b78 rgb(241,43,120)
```
#f12b67
```
#f12b67 rgb(241,43,103)
```
#f12b57
```
#f12b57 rgb(241,43,87)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#f12b35
```
#f12b35 rgb(241,43,53)
```
#f1312b
```
#f1312b rgb(241,49,43)
```
#f1422b
```
#f1422b rgb(241,66,43)
```

Similar Colors

Text with hexadecimal color #f12b46

This text has a font color of #f12b46.

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

#f12b46 background color

This paragraph has a background color of #f12b46.

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

#f12b46 border color

This element has a border color of #f12b46.

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

CSS codes

.text {color:#f12b46;}

.background {background-color:#f12b46;}

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

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

#090102
```
#090102 rgb(9,1,2)
```
#1b0205
```
#1b0205 rgb(27,2,5)
```
#2e0309
```
#2e0309 rgb(46,3,9)
```
#40040c
```
#40040c rgb(64,4,12)
```
#520510
```
#520510 rgb(82,5,16)
```
#650713
```
#650713 rgb(101,7,19)
```
#770817
```
#770817 rgb(119,8,23)
```
#8a091b
```
#8a091b rgb(138,9,27)
```
#9c0a1e
```
#9c0a1e rgb(156,10,30)
```
#ae0c22
```
#ae0c22 rgb(174,12,34)
```
#c10d25
```
#c10d25 rgb(193,13,37)
```
#d30e29
```
#d30e29 rgb(211,14,41)
```
#e60f2c
```
#e60f2c rgb(230,15,44)
```

Shade Color Variation

#f01936
```
#f01936 rgb(240,25,54)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#f23d56
```
#f23d56 rgb(242,61,86)
```
#f35066
```
#f35066 rgb(243,80,102)
```
#f56276
```
#f56276 rgb(245,98,118)
```
#f67586
```
#f67586 rgb(246,117,134)
```
#f78796
```
#f78796 rgb(247,135,150)
```
#f899a6
```
#f899a6 rgb(248,153,166)
```
#faacb6
```
#faacb6 rgb(250,172,182)
```
#fbbec6
```
#fbbec6 rgb(251,190,198)
```
#fcd1d7
```
#fcd1d7 rgb(252,209,215)
```
#fde3e7
```
#fde3e7 rgb(253,227,231)
```
#fef5f7
```
#fef5f7 rgb(254,245,247)
```

Tint Color Variation

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

#918b8c
```
#918b8c rgb(145,139,140)
```
#9a8285
```
#9a8285 rgb(154,130,133)
```
#a3797f
```
#a3797f rgb(163,121,127)
```
#ab7179
```
#ab7179 rgb(171,113,121)
```
#b46872
```
#b46872 rgb(180,104,114)
```
#bd5f6c
```
#bd5f6c rgb(189,95,108)
```
#c65666
```
#c65666 rgb(198,86,102)
```
#ce4e5f
```
#ce4e5f rgb(206,78,95)
```
#d74559
```
#d74559 rgb(215,69,89)
```
#e03c53
```
#e03c53 rgb(224,60,83)
```
#e8344c
```
#e8344c rgb(232,52,76)
```
#f12b46
```
#f12b46 rgb(241,43,70)
```
#fa2240
```
#fa2240 rgb(250,34,64)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#845d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8468 Protanopia 1% of men
#a27e42 Deuteranopia 1% of men
#f13a3a Tritanopia 0.001% of the population

Trichromacy

#b1635b Protanomaly 1% of men, 0.01% of women
#bf6043 Deuteranomaly 6% of men, 0.4% of women
#f1343e Tritanomaly 0.01% of the population

#f12b46 hex color

#f12b46 Color Information

#f12b46 Color Conversion

Color Schemes with #f12b46

Alternatives to #f12b46

#f12b46 Preview

Shades and Tints of #f12b46

Tones of #f12b46

Color Blindness Simulator