#f12757 hex color

In a RGB color space, hex #f12757 is composed of 94.5% red, 15.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 63.9% yellow and 5.5% black. It has a hue angle of 345.7 degrees, a saturation of 87.8% and a lightness of 54.9%. #f12757 color hex could be obtained by blending #ff4eae with #e30000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 15
- B 34
RGB color chart
- C 0
- M 84
- Y 64
- K 5
CMYK color chart

● #f12757 color description : Bright red.

The hexadecimal color #f12757 has RGB values of R:241, G:39, B:87 and CMYK values of C:0, M:0.84, Y:0.64, K:0.05. Its decimal value is 15804247.

Hex triplet	f12757	`#f12757`
RGB Decimal	241, 39, 87	`rgb(241,39,87)`
RGB Percent	94.5, 15.3, 34.1	`rgb(94.5%,15.3%,34.1%)`
CMYK	0, 84, 64, 5
HSL	345.7°, 87.8, 54.9	`hsl(345.7,87.8%,54.9%)`
HSV (or HSB)	345.7°, 83.8, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.779, 74.203, 25.434
XYZ	38.723, 20.845, 11.001
xyY	0.549, 0.295, 20.845
CIE-LCH	52.779, 78.441, 18.92
CIE-LUV	52.779, 140.733, 13.522
Hunter-Lab	45.656, 71.497, 17.673
Binary	11110001, 00100111, 01010111

#f12757
```
#f12757 rgb(241,39,87)
```
#27f1c1
```
#27f1c1 rgb(39,241,193)
```

Complementary Color

#f127bc
```
#f127bc rgb(241,39,188)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#f15c27
```
#f15c27 rgb(241,92,39)
```

Analogous Color

#27bcf1
```
#27bcf1 rgb(39,188,241)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#27f15c
```
#27f15c rgb(39,241,92)
```

Split Complementary Color

#2757f1
```
#2757f1 rgb(39,87,241)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#57f127
```
#57f127 rgb(87,241,39)
```

Triadic Color

#c127f1
```
#c127f1 rgb(193,39,241)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#57f127
```
#57f127 rgb(87,241,39)
```
#27f1c1
```
#27f1c1 rgb(39,241,193)
```

Tetradic Color

#bf0c37
```
#bf0c37 rgb(191,12,55)
```
#d70e3e
```
#d70e3e rgb(215,14,62)
```
#ef0f45
```
#ef0f45 rgb(239,15,69)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#f33f6a
```
#f33f6a rgb(243,63,106)
```
#f4577c
```
#f4577c rgb(244,87,124)
```
#f66f8f
```
#f66f8f rgb(246,111,143)
```

Monochromatic Color

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

#f1278a
```
#f1278a rgb(241,39,138)
```
#f12779
```
#f12779 rgb(241,39,121)
```
#f12768
```
#f12768 rgb(241,39,104)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#f12746
```
#f12746 rgb(241,39,70)
```
#f12735
```
#f12735 rgb(241,39,53)
```
#f12927
```
#f12927 rgb(241,41,39)
```

Similar Colors

Text with hexadecimal color #f12757

This text has a font color of #f12757.

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

#f12757 background color

This paragraph has a background color of #f12757.

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

#f12757 border color

This element has a border color of #f12757.

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

CSS codes

.text {color:#f12757;}

.background {background-color:#f12757;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#170207
```
#170207 rgb(23,2,7)
```
#2a030c
```
#2a030c rgb(42,3,12)
```
#3c0411
```
#3c0411 rgb(60,4,17)
```
#4f0517
```
#4f0517 rgb(79,5,23)
```
#61061c
```
#61061c rgb(97,6,28)
```
#740721
```
#740721 rgb(116,7,33)
```
#860926
```
#860926 rgb(134,9,38)
```
#980a2c
```
#980a2c rgb(152,10,44)
```
#ab0b31
```
#ab0b31 rgb(171,11,49)
```
#bd0c36
```
#bd0c36 rgb(189,12,54)
```
#d00d3c
```
#d00d3c rgb(208,13,60)
```
#e20f41
```
#e20f41 rgb(226,15,65)
```

Shade Color Variation

#f01549
```
#f01549 rgb(240,21,73)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#f23965
```
#f23965 rgb(242,57,101)
```
#f34c74
```
#f34c74 rgb(243,76,116)
```
#f55e82
```
#f55e82 rgb(245,94,130)
```
#f67190
```
#f67190 rgb(246,113,144)
```
#f7839f
```
#f7839f rgb(247,131,159)
```
#f896ad
```
#f896ad rgb(248,150,173)
```
#f9a8bb
```
#f9a8bb rgb(249,168,187)
```
#fbbaca
```
#fbbaca rgb(251,186,202)
```
#fccdd8
```
#fccdd8 rgb(252,205,216)
```
#fddfe6
```
#fddfe6 rgb(253,223,230)
```
#fef2f5
```
#fef2f5 rgb(254,242,245)
```

Tint Color Variation

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

#90888a
```
#90888a rgb(144,136,138)
```
#997f85
```
#997f85 rgb(153,127,133)
```
#a17781
```
#a17781 rgb(161,119,129)
```
#aa6e7c
```
#aa6e7c rgb(170,110,124)
```
#b36577
```
#b36577 rgb(179,101,119)
```
#bc5c73
```
#bc5c73 rgb(188,92,115)
```
#c5536e
```
#c5536e rgb(197,83,110)
```
#ce4a6a
```
#ce4a6a rgb(206,74,106)
```
#d64265
```
#d64265 rgb(214,66,101)
```
#df3960
```
#df3960 rgb(223,57,96)
```
#e8305c
```
#e8305c rgb(232,48,92)
```
#f12757
```
#f12757 rgb(241,39,87)
```
#fa1e52
```
#fa1e52 rgb(250,30,82)
```

Tone Color Variation

Below, you can see how #f12757 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
#845c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88847d Protanopia 1% of men
#9f7f52 Deuteranopia 1% of men
#f03b3c Tritanopia 0.001% of the population

Trichromacy

#ae626f Protanomaly 1% of men, 0.01% of women
#bd5f54 Deuteranomaly 6% of men, 0.4% of women
#f03345 Tritanomaly 0.01% of the population

#f12757 hex color

#f12757 Color Information

#f12757 Color Conversion

Color Schemes with #f12757

Alternatives to #f12757

#f12757 Preview

Shades and Tints of #f12757

Tones of #f12757

Color Blindness Simulator