#f63046 Color Information
In a RGB color space, hex #f63046 is composed of 96.5% red, 18.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 71.5% yellow and 3.5% black. It has a hue angle of 353.3 degrees, a saturation of 91.7% and a lightness of 57.6%. #f63046 color hex could be obtained by blending #ff608c with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 19
- B 27
-
- C 0
- M 80
- Y 72
- K 4
● #f63046 color description : Bright red.
#f63046 Color Conversion
The hexadecimal color #f63046 has RGB values of R:246, G:48, B:70 and CMYK values of C:0, M:0.8, Y:0.72, K:0.04. Its decimal value is 16134214.
Hex triplet | f63046 | #f63046 |
---|---|---|
RGB Decimal | 246, 48, 70 | rgb(246,48,70) |
RGB Percent | 96.5, 18.8, 27.5 | rgb(96.5%,18.8%,27.5%) |
CMYK | 0, 80, 72, 4 | |
HSL | 353.3°, 91.7, 57.6 | hsl(353.3,91.7%,57.6%) |
HSV (or HSB) | 353.3°, 80.5, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.19, 72.683, 37.407 |
---|---|
XYZ | 40.17, 22.154, 7.955 |
xyY | 0.572, 0.315, 22.154 |
CIE-LCH | 54.19, 81.744, 27.233 |
CIE-LUV | 54.19, 146.227, 24.462 |
Hunter-Lab | 47.068, 69.973, 22.927 |
Binary | 11110110, 00110000, 01000110 |
Color Schemes with #f63046
Alternatives to #f63046
Below, you can see some colors close to #f63046. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63046 Preview
This text has a font color of #f63046.
<span style="color:#f63046;">Text here</span>
This paragraph has a background color of #f63046.
<p style="background-color:#f63046;">Content here</p>
This element has a border color of #f63046.
<div style="border:1px solid #f63046;">Content here</div>
.text {color:#f63046;}
.background {background-color:#f63046;}
.border {border:1px solid #f63046;}
Shades and Tints of #f63046
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, #130103 is the darkest color, while #ffffff is the lightest one.
-
#130103
#130103
rgb(19,1,3)
-
#250206
#250206
rgb(37,2,6)
-
#380208
#380208
rgb(56,2,8)
-
#4b030b
#4b030b
rgb(75,3,11)
-
#5e040e
#5e040e
rgb(94,4,14)
-
#710511
#710511
rgb(113,5,17)
-
#830614
#830614
rgb(131,6,20)
-
#960716
#960716
rgb(150,7,22)
-
#a90719
#a90719
rgb(169,7,25)
-
#bc081c
#bc081c
rgb(188,8,28)
-
#cf091f
#cf091f
rgb(207,9,31)
-
#e10a22
#e10a22
rgb(225,10,34)
-
#f40b25
#f40b25
rgb(244,11,37)
-
#f51d35
#f51d35
rgb(245,29,53)
-
#f63046
#f63046
rgb(246,48,70)
-
#f74357
#f74357
rgb(247,67,87)
-
#f85668
#f85668
rgb(248,86,104)
-
#f86878
#f86878
rgb(248,104,120)
-
#f97b89
#f97b89
rgb(249,123,137)
-
#fa8e9a
#fa8e9a
rgb(250,142,154)
-
#fba1ab
#fba1ab
rgb(251,161,171)
-
#fcb4bc
#fcb4bc
rgb(252,180,188)
-
#fdc6cc
#fdc6cc
rgb(253,198,204)
-
#fdd9dd
#fdd9dd
rgb(253,217,221)
-
#feecee
#feecee
rgb(254,236,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f63046
A tone is produced by adding gray to any pure hue. In this case, #9b8b8d is the less saturated color, while #fe2840 is the most saturated one.
-
#9b8b8d
#9b8b8d
rgb(155,139,141)
-
#a38387
#a38387
rgb(163,131,135)
-
#ab7b80
#ab7b80
rgb(171,123,128)
-
#b4727a
#b4727a
rgb(180,114,122)
-
#bc6a73
#bc6a73
rgb(188,106,115)
-
#c4626d
#c4626d
rgb(196,98,109)
-
#cc5a66
#cc5a66
rgb(204,90,102)
-
#d55160
#d55160
rgb(213,81,96)
-
#dd4959
#dd4959
rgb(221,73,89)
-
#e54153
#e54153
rgb(229,65,83)
-
#ee384c
#ee384c
rgb(238,56,76)
-
#f63046
#f63046
rgb(246,48,70)
-
#fe2840
#fe2840
rgb(254,40,64)
Color Blindness Simulator
Below, you can see how #f63046 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.