#f62126 Color Information
In a RGB color space, hex #f62126 is composed of 96.5% red, 12.9% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.6% magenta, 84.6% yellow and 3.5% black. It has a hue angle of 358.6 degrees, a saturation of 92.2% and a lightness of 54.7%. #f62126 color hex could be obtained by blending #ff424c with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 13
- B 15
-
- C 0
- M 87
- Y 85
- K 4
● #f62126 color description : Vivid red.
#f62126 Color Conversion
The hexadecimal color #f62126 has RGB values of R:246, G:33, B:38 and CMYK values of C:0, M:0.87, Y:0.85, K:0.04. Its decimal value is 16130342.
| Hex triplet | f62126 | #f62126 |
|---|---|---|
| RGB Decimal | 246, 33, 38 | rgb(246,33,38) |
| RGB Percent | 96.5, 12.9, 14.9 | rgb(96.5%,12.9%,14.9%) |
| CMYK | 0, 87, 85, 4 | |
| HSL | 358.6°, 92.2, 54.7 | hsl(358.6,92.2%,54.7%) |
| HSV (or HSB) | 358.6°, 86.6, 96.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 52.758, 74.863, 53.16 |
|---|---|
| XYZ | 38.902, 20.826, 3.805 |
| xyY | 0.612, 0.328, 20.826 |
| CIE-LCH | 52.758, 91.817, 35.379 |
| CIE-LUV | 52.758, 158.559, 33.213 |
| Hunter-Lab | 45.635, 72.302, 27.001 |
| Binary | 11110110, 00100001, 00100110 |
Color Schemes with #f62126
Alternatives to #f62126
Below, you can see some colors close to #f62126. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f62126 Preview
This text has a font color of #f62126.
<span style="color:#f62126;">Text here</span>
This paragraph has a background color of #f62126.
<p style="background-color:#f62126;">Content here</p>
This element has a border color of #f62126.
<div style="border:1px solid #f62126;">Content here</div>
.text {color:#f62126;}
.background {background-color:#f62126;}
.border {border:1px solid #f62126;}
Shades and Tints of #f62126
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, #040000 is the darkest color, while #fef0f1 is the lightest one.
-
#040000
#040000rgb(4,0,0) -
#170101
#170101rgb(23,1,1) -
#2a0203
#2a0203rgb(42,2,3) -
#3d0204
#3d0204rgb(61,2,4) -
#500305
#500305rgb(80,3,5) -
#620406
#620406rgb(98,4,6) -
#750507
#750507rgb(117,5,7) -
#880609
#880609rgb(136,6,9) -
#9b060a
#9b060argb(155,6,10) -
#ae070b
#ae070brgb(174,7,11) -
#c1080c
#c1080crgb(193,8,12) -
#d4090d
#d4090drgb(212,9,13) -
#e6090f
#e6090frgb(230,9,15)
-
#f50e14
#f50e14rgb(245,14,20) -
#f62126
#f62126rgb(246,33,38) -
#f73438
#f73438rgb(247,52,56) -
#f8474b
#f8474brgb(248,71,75) -
#f85a5d
#f85a5drgb(248,90,93) -
#f96c70
#f96c70rgb(249,108,112) -
#fa7f82
#fa7f82rgb(250,127,130) -
#fb9295
#fb9295rgb(251,146,149) -
#fba5a7
#fba5a7rgb(251,165,167) -
#fcb8b9
#fcb8b9rgb(252,184,185) -
#fdcbcc
#fdcbccrgb(253,203,204) -
#fedede
#fededergb(254,222,222) -
#fef0f1
#fef0f1rgb(254,240,241)
Tones of #f62126
A tone is produced by adding gray to any pure hue. In this case, #948383 is the less saturated color, while #ff181e is the most saturated one.
-
#948383
#948383rgb(148,131,131) -
#9d7a7b
#9d7a7brgb(157,122,123) -
#a67172
#a67172rgb(166,113,114) -
#af686a
#af686argb(175,104,106) -
#b85f61
#b85f61rgb(184,95,97) -
#c15659
#c15659rgb(193,86,89) -
#ca4d50
#ca4d50rgb(202,77,80) -
#d24548
#d24548rgb(210,69,72) -
#db3c3f
#db3c3frgb(219,60,63) -
#e43337
#e43337rgb(228,51,55) -
#ed2a2e
#ed2a2ergb(237,42,46) -
#f62126
#f62126rgb(246,33,38) -
#ff181e
#ff181ergb(255,24,30)
Color Blindness Simulator
Below, you can see how #f62126 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.
