#f12558 hex color

In a RGB color space, hex #f12558 is composed of 94.5% red, 14.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.6% magenta, 63.5% yellow and 5.5% black. It has a hue angle of 345 degrees, a saturation of 87.9% and a lightness of 54.5%. #f12558 color hex could be obtained by blending #ff4ab0 with #e30000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 15
- B 35
RGB color chart
- C 0
- M 85
- Y 63
- K 5
CMYK color chart

● #f12558 color description : Bright red.

The hexadecimal color #f12558 has RGB values of R:241, G:37, B:88 and CMYK values of C:0, M:0.85, Y:0.63, K:0.05. Its decimal value is 15803736.

Hex triplet	f12558	`#f12558`
RGB Decimal	241, 37, 88	`rgb(241,37,88)`
RGB Percent	94.5, 14.5, 34.5	`rgb(94.5%,14.5%,34.5%)`
CMYK	0, 85, 63, 5
HSL	345°, 87.9, 54.5	`hsl(345,87.9%,54.5%)`
HSV (or HSB)	345°, 84.6, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.656, 74.659, 24.674
XYZ	38.7, 20.733, 11.196
xyY	0.548, 0.294, 20.733
CIE-LCH	52.656, 78.631, 18.288
CIE-LUV	52.656, 141.04, 12.665
Hunter-Lab	45.534, 72.028, 17.295
Binary	11110001, 00100101, 01011000

#f12558
```
#f12558 rgb(241,37,88)
```
#25f1be
```
#25f1be rgb(37,241,190)
```

Complementary Color

#f125be
```
#f125be rgb(241,37,190)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#f15825
```
#f15825 rgb(241,88,37)
```

Analogous Color

#25bef1
```
#25bef1 rgb(37,190,241)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#25f158
```
#25f158 rgb(37,241,88)
```

Split Complementary Color

#2558f1
```
#2558f1 rgb(37,88,241)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#58f125
```
#58f125 rgb(88,241,37)
```

Triadic Color

#be25f1
```
#be25f1 rgb(190,37,241)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#58f125
```
#58f125 rgb(88,241,37)
```
#25f1be
```
#25f1be rgb(37,241,190)
```

Tetradic Color

#bd0c38
```
#bd0c38 rgb(189,12,56)
```
#d50e40
```
#d50e40 rgb(213,14,64)
```
#ed0f47
```
#ed0f47 rgb(237,15,71)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#f33d6a
```
#f33d6a rgb(243,61,106)
```
#f4557d
```
#f4557d rgb(244,85,125)
```
#f66d8f
```
#f66d8f rgb(246,109,143)
```

Monochromatic Color

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

#f1258b
```
#f1258b rgb(241,37,139)
```
#f1257a
```
#f1257a rgb(241,37,122)
```
#f12569
```
#f12569 rgb(241,37,105)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#f12547
```
#f12547 rgb(241,37,71)
```
#f12536
```
#f12536 rgb(241,37,54)
```
#f12525
```
#f12525 rgb(241,37,37)
```

Similar Colors

Text with hexadecimal color #f12558

This text has a font color of #f12558.

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

#f12558 background color

This paragraph has a background color of #f12558.

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

#f12558 border color

This element has a border color of #f12558.

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

CSS codes

.text {color:#f12558;}

.background {background-color:#f12558;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#160106
```
#160106 rgb(22,1,6)
```
#28030c
```
#28030c rgb(40,3,12)
```
#3a0411
```
#3a0411 rgb(58,4,17)
```
#4d0517
```
#4d0517 rgb(77,5,23)
```
#5f061c
```
#5f061c rgb(95,6,28)
```
#720722
```
#720722 rgb(114,7,34)
```
#840827
```
#840827 rgb(132,8,39)
```
#970a2d
```
#970a2d rgb(151,10,45)
```
#a90b32
```
#a90b32 rgb(169,11,50)
```
#bb0c38
```
#bb0c38 rgb(187,12,56)
```
#ce0d3d
```
#ce0d3d rgb(206,13,61)
```
#e00e43
```
#e00e43 rgb(224,14,67)
```

Shade Color Variation

#f0134a
```
#f0134a rgb(240,19,74)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#f23766
```
#f23766 rgb(242,55,102)
```
#f34a74
```
#f34a74 rgb(243,74,116)
```
#f55c82
```
#f55c82 rgb(245,92,130)
```
#f66f90
```
#f66f90 rgb(246,111,144)
```
#f7819f
```
#f7819f rgb(247,129,159)
```
#f894ad
```
#f894ad rgb(248,148,173)
```
#f9a6bb
```
#f9a6bb rgb(249,166,187)
```
#fab8c9
```
#fab8c9 rgb(250,184,201)
```
#fccbd7
```
#fccbd7 rgb(252,203,215)
```
#fddde5
```
#fddde5 rgb(253,221,229)
```
#fef0f3
```
#fef0f3 rgb(254,240,243)
```

Tint Color Variation

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

#8f8789
```
#8f8789 rgb(143,135,137)
```
#987e85
```
#987e85 rgb(152,126,133)
```
#a17580
```
#a17580 rgb(161,117,128)
```
#aa6c7c
```
#aa6c7c rgb(170,108,124)
```
#b36377
```
#b36377 rgb(179,99,119)
```
#bb5b73
```
#bb5b73 rgb(187,91,115)
```
#c4526e
```
#c4526e rgb(196,82,110)
```
#cd496a
```
#cd496a rgb(205,73,106)
```
#d64065
```
#d64065 rgb(214,64,101)
```
#df3761
```
#df3761 rgb(223,55,97)
```
#e82e5c
```
#e82e5c rgb(232,46,92)
```
#f12558
```
#f12558 rgb(241,37,88)
```
#fa1c54
```
#fa1c54 rgb(250,28,84)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#835b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87837e Protanopia 1% of men
#9f7e53 Deuteranopia 1% of men
#f03a3a Tritanopia 0.001% of the population

Trichromacy

#ae6170 Protanomaly 1% of men, 0.01% of women
#bc5e55 Deuteranomaly 6% of men, 0.4% of women
#f03245 Tritanomaly 0.01% of the population

#f12558 hex color

#f12558 Color Information

#f12558 Color Conversion

Color Schemes with #f12558

Alternatives to #f12558

#f12558 Preview

Shades and Tints of #f12558

Tones of #f12558

Color Blindness Simulator