#f63f2a Color Information
In a RGB color space, hex #f63f2a is composed of 96.5% red, 24.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.4% magenta, 82.9% yellow and 3.5% black. It has a hue angle of 6.2 degrees, a saturation of 91.9% and a lightness of 56.5%. #f63f2a color hex could be obtained by blending #ff7e54 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 25
- B 16
-
- C 0
- M 74
- Y 83
- K 4
● #f63f2a color description : Bright red.
#f63f2a Color Conversion
The hexadecimal color #f63f2a has RGB values of R:246, G:63, B:42 and CMYK values of C:0, M:0.74, Y:0.83, K:0.04. Its decimal value is 16138026.
Hex triplet | f63f2a | #f63f2a |
---|---|---|
RGB Decimal | 246, 63, 42 | rgb(246,63,42) |
RGB Percent | 96.5, 24.7, 16.5 | rgb(96.5%,24.7%,16.5%) |
CMYK | 0, 74, 83, 4 | |
HSL | 6.2°, 91.9, 56.5 | hsl(6.2,91.9%,56.5%) |
HSV (or HSB) | 6.2°, 82.9, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.4, 67.569, 53.575 |
---|---|
XYZ | 40.203, 23.32, 4.575 |
xyY | 0.59, 0.342, 23.32 |
CIE-LCH | 55.4, 86.231, 38.411 |
CIE-LUV | 55.4, 144.39, 37.104 |
Hunter-Lab | 48.291, 64.098, 28.187 |
Binary | 11110110, 00111111, 00101010 |
Color Schemes with #f63f2a
Alternatives to #f63f2a
Below, you can see some colors close to #f63f2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63f2a Preview
This text has a font color of #f63f2a.
<span style="color:#f63f2a;">Text here</span>
This paragraph has a background color of #f63f2a.
<p style="background-color:#f63f2a;">Content here</p>
This element has a border color of #f63f2a.
<div style="border:1px solid #f63f2a;">Content here</div>
.text {color:#f63f2a;}
.background {background-color:#f63f2a;}
.border {border:1px solid #f63f2a;}
Shades and Tints of #f63f2a
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, #0d0201 is the darkest color, while #fffaf9 is the lightest one.
-
#0d0201
#0d0201
rgb(13,2,1)
-
#200401
#200401
rgb(32,4,1)
-
#320702
#320702
rgb(50,7,2)
-
#450a03
#450a03
rgb(69,10,3)
-
#580c04
#580c04
rgb(88,12,4)
-
#6b0f05
#6b0f05
rgb(107,15,5)
-
#7e1205
#7e1205
rgb(126,18,5)
-
#911406
#911406
rgb(145,20,6)
-
#a31707
#a31707
rgb(163,23,7)
-
#b61a08
#b61a08
rgb(182,26,8)
-
#c91c08
#c91c08
rgb(201,28,8)
-
#dc1f09
#dc1f09
rgb(220,31,9)
-
#ef220a
#ef220a
rgb(239,34,10)
-
#f52e17
#f52e17
rgb(245,46,23)
-
#f63f2a
#f63f2a
rgb(246,63,42)
-
#f7503d
#f7503d
rgb(247,80,61)
-
#f86150
#f86150
rgb(248,97,80)
-
#f87262
#f87262
rgb(248,114,98)
-
#f98375
#f98375
rgb(249,131,117)
-
#fa9488
#fa9488
rgb(250,148,136)
-
#fba59b
#fba59b
rgb(251,165,155)
-
#fcb6ae
#fcb6ae
rgb(252,182,174)
-
#fcc7c1
#fcc7c1
rgb(252,199,193)
-
#fdd8d3
#fdd8d3
rgb(253,216,211)
-
#fee9e6
#fee9e6
rgb(254,233,230)
-
#fffaf9
#fffaf9
rgb(255,250,249)
Tones of #f63f2a
A tone is produced by adding gray to any pure hue. In this case, #988a88 is the less saturated color, while #ff3821 is the most saturated one.
-
#988a88
#988a88
rgb(152,138,136)
-
#a1837f
#a1837f
rgb(161,131,127)
-
#a97c77
#a97c77
rgb(169,124,119)
-
#b2756e
#b2756e
rgb(178,117,110)
-
#ba6e66
#ba6e66
rgb(186,110,102)
-
#c3685d
#c3685d
rgb(195,104,93)
-
#cb6155
#cb6155
rgb(203,97,85)
-
#d45a4c
#d45a4c
rgb(212,90,76)
-
#dc5344
#dc5344
rgb(220,83,68)
-
#e54d3b
#e54d3b
rgb(229,77,59)
-
#ed4633
#ed4633
rgb(237,70,51)
-
#f63f2a
#f63f2a
rgb(246,63,42)
-
#ff3821
#ff3821
rgb(255,56,33)
Color Blindness Simulator
Below, you can see how #f63f2a 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.