#f63213 Color Information
In a RGB color space, hex #f63213 is composed of 96.5% red, 19.6% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 92.3% yellow and 3.5% black. It has a hue angle of 8.2 degrees, a saturation of 92.7% and a lightness of 52%. #f63213 color hex could be obtained by blending #ff6426 with #ed0000. Closest websafe color is: #ff3300.
-
- R 96
- G 20
- B 7
-
- C 0
- M 80
- Y 92
- K 4
● #f63213 color description : Vivid red.
#f63213 Color Conversion
The hexadecimal color #f63213 has RGB values of R:246, G:50, B:19 and CMYK values of C:0, M:0.8, Y:0.92, K:0.04. Its decimal value is 16134675.
| Hex triplet | f63213 | #f63213 |
|---|---|---|
| RGB Decimal | 246, 50, 19 | rgb(246,50,19) |
| RGB Percent | 96.5, 19.6, 7.5 | rgb(96.5%,19.6%,7.5%) |
| CMYK | 0, 80, 92, 4 | |
| HSL | 8.2°, 92.7, 52 | hsl(8.2,92.7%,52%) |
| HSV (or HSB) | 8.2°, 92.3, 96.5 | |
| Web Safe | ff3300 | #ff3300 |
| CIE-LAB | 53.948, 70.887, 61.703 |
|---|---|
| XYZ | 39.266, 21.926, 2.781 |
| xyY | 0.614, 0.343, 21.926 |
| CIE-LCH | 53.948, 93.98, 41.038 |
| CIE-LUV | 53.948, 153.824, 39.13 |
| Hunter-Lab | 46.825, 67.741, 29.257 |
| Binary | 11110110, 00110010, 00010011 |
Color Schemes with #f63213
Alternatives to #f63213
Below, you can see some colors close to #f63213. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63213 Preview
This text has a font color of #f63213.
<span style="color:#f63213;">Text here</span>
This paragraph has a background color of #f63213.
<p style="background-color:#f63213;">Content here</p>
This element has a border color of #f63213.
<div style="border:1px solid #f63213;">Content here</div>
.text {color:#f63213;}
.background {background-color:#f63213;}
.border {border:1px solid #f63213;}
Shades and Tints of #f63213
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, #0a0200 is the darkest color, while #fff7f6 is the lightest one.
-
#0a0200
#0a0200rgb(10,2,0) -
#1d0501
#1d0501rgb(29,5,1) -
#2f0802
#2f0802rgb(47,8,2) -
#420b03
#420b03rgb(66,11,3) -
#550e03
#550e03rgb(85,14,3) -
#681204
#681204rgb(104,18,4) -
#7b1505
#7b1505rgb(123,21,5) -
#8e1805
#8e1805rgb(142,24,5) -
#a11b06
#a11b06rgb(161,27,6) -
#b41e07
#b41e07rgb(180,30,7) -
#c72208
#c72208rgb(199,34,8) -
#d92508
#d92508rgb(217,37,8) -
#ec2809
#ec2809rgb(236,40,9)
-
#f63213
#f63213rgb(246,50,19) -
#f74226
#f74226rgb(247,66,38) -
#f75339
#f75339rgb(247,83,57) -
#f8634c
#f8634crgb(248,99,76) -
#f9745f
#f9745frgb(249,116,95) -
#fa8471
#fa8471rgb(250,132,113) -
#fa9484
#fa9484rgb(250,148,132) -
#fba597
#fba597rgb(251,165,151) -
#fcb5aa
#fcb5aargb(252,181,170) -
#fcc6bd
#fcc6bdrgb(252,198,189) -
#fdd6d0
#fdd6d0rgb(253,214,208) -
#fee7e3
#fee7e3rgb(254,231,227) -
#fff7f6
#fff7f6rgb(255,247,246)
Tones of #f63213
A tone is produced by adding gray to any pure hue. In this case, #858484 is the less saturated color, while #f63213 is the most saturated one.
-
#858484
#858484rgb(133,132,132) -
#8e7d7b
#8e7d7brgb(142,125,123) -
#987671
#987671rgb(152,118,113) -
#a17068
#a17068rgb(161,112,104) -
#ab695e
#ab695ergb(171,105,94) -
#b46255
#b46255rgb(180,98,85) -
#bd5b4c
#bd5b4crgb(189,91,76) -
#c75442
#c75442rgb(199,84,66) -
#d04d39
#d04d39rgb(208,77,57) -
#da472f
#da472frgb(218,71,47) -
#e34026
#e34026rgb(227,64,38) -
#ed391c
#ed391crgb(237,57,28) -
#f63213
#f63213rgb(246,50,19)
Color Blindness Simulator
Below, you can see how #f63213 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.
