#f12525 Color Information
In a RGB color space, hex #f12525 is composed of 94.5% red, 14.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.6% magenta, 84.6% yellow and 5.5% black. It has a hue angle of 0 degrees, a saturation of 87.9% and a lightness of 54.5%. #f12525 color hex could be obtained by blending #ff4a4a with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 15
- B 15
-
- C 0
- M 85
- Y 85
- K 5
● #f12525 color description : Bright red.
#f12525 Color Conversion
The hexadecimal color #f12525 has RGB values of R:241, G:37, B:37 and CMYK values of C:0, M:0.85, Y:0.85, K:0.05. Its decimal value is 15803685.
| Hex triplet | f12525 | #f12525 |
|---|---|---|
| RGB Decimal | 241, 37, 37 | rgb(241,37,37) |
| RGB Percent | 94.5, 14.5, 14.5 | rgb(94.5%,14.5%,14.5%) |
| CMYK | 0, 85, 85, 5 | |
| HSL | 0°, 87.9, 54.5 | hsl(0,87.9%,54.5%) |
| HSV (or HSB) | 0°, 84.6, 94.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 52.02, 72.788, 52.616 |
|---|---|
| XYZ | 37.273, 20.162, 3.679 |
| xyY | 0.61, 0.33, 20.162 |
| CIE-LCH | 52.02, 89.814, 35.862 |
| CIE-LUV | 52.02, 153.669, 33.151 |
| Hunter-Lab | 44.902, 69.592, 26.573 |
| Binary | 11110001, 00100101, 00100101 |
Color Schemes with #f12525
Alternatives to #f12525
Below, you can see some colors close to #f12525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f12525 Preview
This text has a font color of #f12525.
<span style="color:#f12525;">Text here</span>
This paragraph has a background color of #f12525.
<p style="background-color:#f12525;">Content here</p>
This element has a border color of #f12525.
<div style="border:1px solid #f12525;">Content here</div>
.text {color:#f12525;}
.background {background-color:#f12525;}
.border {border:1px solid #f12525;}
Shades and Tints of #f12525
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, #030000 is the darkest color, while #fef0f0 is the lightest one.
-
#030000
#030000rgb(3,0,0) -
#160101
#160101rgb(22,1,1) -
#280303
#280303rgb(40,3,3) -
#3a0404
#3a0404rgb(58,4,4) -
#4d0505
#4d0505rgb(77,5,5) -
#5f0606
#5f0606rgb(95,6,6) -
#720707
#720707rgb(114,7,7) -
#840808
#840808rgb(132,8,8) -
#970a0a
#970a0argb(151,10,10) -
#a90b0b
#a90b0brgb(169,11,11) -
#bb0c0c
#bb0c0crgb(187,12,12) -
#ce0d0d
#ce0d0drgb(206,13,13) -
#e00e0e
#e00e0ergb(224,14,14)
-
#f01313
#f01313rgb(240,19,19) -
#f12525
#f12525rgb(241,37,37) -
#f23737
#f23737rgb(242,55,55) -
#f34a4a
#f34a4argb(243,74,74) -
#f55c5c
#f55c5crgb(245,92,92) -
#f66f6f
#f66f6frgb(246,111,111) -
#f78181
#f78181rgb(247,129,129) -
#f89494
#f89494rgb(248,148,148) -
#f9a6a6
#f9a6a6rgb(249,166,166) -
#fab8b8
#fab8b8rgb(250,184,184) -
#fccbcb
#fccbcbrgb(252,203,203) -
#fddddd
#fdddddrgb(253,221,221) -
#fef0f0
#fef0f0rgb(254,240,240)
Tones of #f12525
A tone is produced by adding gray to any pure hue. In this case, #8f8787 is the less saturated color, while #fa1c1c is the most saturated one.
-
#8f8787
#8f8787rgb(143,135,135) -
#987e7e
#987e7ergb(152,126,126) -
#a17575
#a17575rgb(161,117,117) -
#aa6c6c
#aa6c6crgb(170,108,108) -
#b36363
#b36363rgb(179,99,99) -
#bb5b5b
#bb5b5brgb(187,91,91) -
#c45252
#c45252rgb(196,82,82) -
#cd4949
#cd4949rgb(205,73,73) -
#d64040
#d64040rgb(214,64,64) -
#df3737
#df3737rgb(223,55,55) -
#e82e2e
#e82e2ergb(232,46,46) -
#f12525
#f12525rgb(241,37,37) -
#fa1c1c
#fa1c1crgb(250,28,28)
Color Blindness Simulator
Below, you can see how #f12525 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.
