#f12e45 hex color

In a RGB color space, hex #f12e45 is composed of 94.5% red, 18% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 71.4% yellow and 5.5% black. It has a hue angle of 352.9 degrees, a saturation of 87.4% and a lightness of 56.3%. #f12e45 color hex could be obtained by blending #ff5c8a with #e30000. Closest websafe color is: #ff3333.

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

● #f12e45 color description : Bright red.

The hexadecimal color #f12e45 has RGB values of R:241, G:46, B:69 and CMYK values of C:0, M:0.81, Y:0.71, K:0.05. Its decimal value is 15806021.

Hex triplet	f12e45	`#f12e45`
RGB Decimal	241, 46, 69	`rgb(241,46,69)`
RGB Percent	94.5, 18, 27.1	`rgb(94.5%,18%,27.1%)`
CMYK	0, 81, 71, 5
HSL	352.9°, 87.4, 56.3	`hsl(352.9,87.4%,56.3%)`
HSV (or HSB)	352.9°, 80.9, 94.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.047, 71.785, 36.403
XYZ	38.329, 21.089, 7.682
xyY	0.571, 0.314, 21.089
CIE-LCH	53.047, 80.488, 26.89
CIE-LUV	53.047, 143.482, 23.562
Hunter-Lab	45.923, 68.616, 22.228
Binary	11110001, 00101110, 01000101

#f12e45
```
#f12e45 rgb(241,46,69)
```
#2ef1da
```
#2ef1da rgb(46,241,218)
```

Complementary Color

#f12ea7
```
#f12ea7 rgb(241,46,167)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#f1792e
```
#f1792e rgb(241,121,46)
```

Analogous Color

#2ea7f1
```
#2ea7f1 rgb(46,167,241)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#2ef179
```
#2ef179 rgb(46,241,121)
```

Split Complementary Color

#2e45f1
```
#2e45f1 rgb(46,69,241)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#45f12e
```
#45f12e rgb(69,241,46)
```

Triadic Color

#da2ef1
```
#da2ef1 rgb(218,46,241)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#45f12e
```
#45f12e rgb(69,241,46)
```
#2ef1da
```
#2ef1da rgb(46,241,218)
```

Tetradic Color

#c50d23
```
#c50d23 rgb(197,13,35)
```
#dd0f27
```
#dd0f27 rgb(221,15,39)
```
#ef1630
```
#ef1630 rgb(239,22,48)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#f3465a
```
#f3465a rgb(243,70,90)
```
#f45e70
```
#f45e70 rgb(244,94,112)
```
#f67685
```
#f67685 rgb(246,118,133)
```

Monochromatic Color

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

#f12e76
```
#f12e76 rgb(241,46,118)
```
#f12e66
```
#f12e66 rgb(241,46,102)
```
#f12e55
```
#f12e55 rgb(241,46,85)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#f12e35
```
#f12e35 rgb(241,46,53)
```
#f1382e
```
#f1382e rgb(241,56,46)
```
#f1482e
```
#f1482e rgb(241,72,46)
```

Similar Colors

Text with hexadecimal color #f12e45

This text has a font color of #f12e45.

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

#f12e45 background color

This paragraph has a background color of #f12e45.

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

#f12e45 border color

This element has a border color of #f12e45.

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

CSS codes

.text {color:#f12e45;}

.background {background-color:#f12e45;}

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

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

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1e0205
```
#1e0205 rgb(30,2,5)
```
#300309
```
#300309 rgb(48,3,9)
```
#43040c
```
#43040c rgb(67,4,12)
```
#55060f
```
#55060f rgb(85,6,15)
```
#680712
```
#680712 rgb(104,7,18)
```
#7a0816
```
#7a0816 rgb(122,8,22)
```
#8c0919
```
#8c0919 rgb(140,9,25)
```
#9f0b1c
```
#9f0b1c rgb(159,11,28)
```
#b10c1f
```
#b10c1f rgb(177,12,31)
```
#c30d23
```
#c30d23 rgb(195,13,35)
```
#d60e26
```
#d60e26 rgb(214,14,38)
```
#e81029
```
#e81029 rgb(232,16,41)
```

Shade Color Variation

#f01c35
```
#f01c35 rgb(240,28,53)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#f24055
```
#f24055 rgb(242,64,85)
```
#f35366
```
#f35366 rgb(243,83,102)
```
#f56576
```
#f56576 rgb(245,101,118)
```
#f67886
```
#f67886 rgb(246,120,134)
```
#f78a97
```
#f78a97 rgb(247,138,151)
```
#f89ca7
```
#f89ca7 rgb(248,156,167)
```
#faafb8
```
#faafb8 rgb(250,175,184)
```
#fbc1c8
```
#fbc1c8 rgb(251,193,200)
```
#fcd3d8
```
#fcd3d8 rgb(252,211,216)
```
#fde6e9
```
#fde6e9 rgb(253,230,233)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#938c8d
```
#938c8d rgb(147,140,141)
```
#9b8487
```
#9b8487 rgb(155,132,135)
```
#a47b80
```
#a47b80 rgb(164,123,128)
```
#ac7379
```
#ac7379 rgb(172,115,121)
```
#b56a73
```
#b56a73 rgb(181,106,115)
```
#be616c
```
#be616c rgb(190,97,108)
```
#c65966
```
#c65966 rgb(198,89,102)
```
#cf505f
```
#cf505f rgb(207,80,95)
```
#d74859
```
#d74859 rgb(215,72,89)
```
#e03f52
```
#e03f52 rgb(224,63,82)
```
#e8374c
```
#e8374c rgb(232,55,76)
```
#f12e45
```
#f12e45 rgb(241,46,69)
```
#fa253e
```
#fa253e rgb(250,37,62)
```

Tone Color Variation

Below, you can see how #f12e45 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
#865f63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8566 Protanopia 1% of men
#a37f41 Deuteranopia 1% of men
#f13c3d Tritanopia 0.001% of the population

Trichromacy

#b2655a Protanomaly 1% of men, 0.01% of women
#bf6142 Deuteranomaly 6% of men, 0.4% of women
#f13740 Tritanomaly 0.01% of the population

#f12e45 hex color

#f12e45 Color Information

#f12e45 Color Conversion

Color Schemes with #f12e45

Alternatives to #f12e45

#f12e45 Preview

Shades and Tints of #f12e45

Tones of #f12e45

Color Blindness Simulator