#f63730 Color Information
In a RGB color space, hex #f63730 is composed of 96.5% red, 21.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.6% magenta, 80.5% yellow and 3.5% black. It has a hue angle of 2.1 degrees, a saturation of 91.7% and a lightness of 57.6%. #f63730 color hex could be obtained by blending #ff6e60 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 22
- B 19
-
- C 0
- M 78
- Y 80
- K 4
● #f63730 color description : Bright red.
#f63730 Color Conversion
The hexadecimal color #f63730 has RGB values of R:246, G:55, B:48 and CMYK values of C:0, M:0.78, Y:0.8, K:0.04. Its decimal value is 16135984.
Hex triplet | f63730 | #f63730 |
---|---|---|
RGB Decimal | 246, 55, 48 | rgb(246,55,48) |
RGB Percent | 96.5, 21.6, 18.8 | rgb(96.5%,21.6%,18.8%) |
CMYK | 0, 78, 80, 4 | |
HSL | 2.1°, 91.7, 57.6 | hsl(2.1,91.7%,57.6%) |
HSV (or HSB) | 2.1°, 80.5, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.599, 70.1, 49.883 |
---|---|
XYZ | 39.908, 22.544, 5.046 |
xyY | 0.591, 0.334, 22.544 |
CIE-LCH | 54.599, 86.036, 35.435 |
CIE-LUV | 54.599, 147.735, 33.833 |
Hunter-Lab | 47.48, 66.942, 26.935 |
Binary | 11110110, 00110111, 00110000 |
Color Schemes with #f63730
Alternatives to #f63730
Below, you can see some colors close to #f63730. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63730 Preview
This text has a font color of #f63730.
<span style="color:#f63730;">Text here</span>
This paragraph has a background color of #f63730.
<p style="background-color:#f63730;">Content here</p>
This element has a border color of #f63730.
<div style="border:1px solid #f63730;">Content here</div>
.text {color:#f63730;}
.background {background-color:#f63730;}
.border {border:1px solid #f63730;}
Shades and Tints of #f63730
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, #130101 is the darkest color, while #ffffff is the lightest one.
-
#130101
#130101
rgb(19,1,1)
-
#250302
#250302
rgb(37,3,2)
-
#380402
#380402
rgb(56,4,2)
-
#4b0603
#4b0603
rgb(75,6,3)
-
#5e0704
#5e0704
rgb(94,7,4)
-
#710905
#710905
rgb(113,9,5)
-
#830a06
#830a06
rgb(131,10,6)
-
#960c07
#960c07
rgb(150,12,7)
-
#a90d07
#a90d07
rgb(169,13,7)
-
#bc0f08
#bc0f08
rgb(188,15,8)
-
#cf1009
#cf1009
rgb(207,16,9)
-
#e1110a
#e1110a
rgb(225,17,10)
-
#f4130b
#f4130b
rgb(244,19,11)
-
#f5251d
#f5251d
rgb(245,37,29)
-
#f63730
#f63730
rgb(246,55,48)
-
#f74943
#f74943
rgb(247,73,67)
-
#f85b56
#f85b56
rgb(248,91,86)
-
#f86d68
#f86d68
rgb(248,109,104)
-
#f9807b
#f9807b
rgb(249,128,123)
-
#fa928e
#fa928e
rgb(250,146,142)
-
#fba4a1
#fba4a1
rgb(251,164,161)
-
#fcb6b4
#fcb6b4
rgb(252,182,180)
-
#fdc8c6
#fdc8c6
rgb(253,200,198)
-
#fddad9
#fddad9
rgb(253,218,217)
-
#feedec
#feedec
rgb(254,237,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f63730
A tone is produced by adding gray to any pure hue. In this case, #9b8c8b is the less saturated color, while #fe2f28 is the most saturated one.
-
#9b8c8b
#9b8c8b
rgb(155,140,139)
-
#a38483
#a38483
rgb(163,132,131)
-
#ab7c7b
#ab7c7b
rgb(171,124,123)
-
#b47572
#b47572
rgb(180,117,114)
-
#bc6d6a
#bc6d6a
rgb(188,109,106)
-
#c46562
#c46562
rgb(196,101,98)
-
#cc5e5a
#cc5e5a
rgb(204,94,90)
-
#d55651
#d55651
rgb(213,86,81)
-
#dd4e49
#dd4e49
rgb(221,78,73)
-
#e54641
#e54641
rgb(229,70,65)
-
#ee3f38
#ee3f38
rgb(238,63,56)
-
#f63730
#f63730
rgb(246,55,48)
-
#fe2f28
#fe2f28
rgb(254,47,40)
Color Blindness Simulator
Below, you can see how #f63730 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.