#f63530 Color Information
In a RGB color space, hex #f63530 is composed of 96.5% red, 20.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.5% magenta, 80.5% yellow and 3.5% black. It has a hue angle of 1.5 degrees, a saturation of 91.7% and a lightness of 57.6%. #f63530 color hex could be obtained by blending #ff6a60 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 21
- B 19
-
- C 0
- M 78
- Y 80
- K 4
● #f63530 color description : Bright red.
#f63530 Color Conversion
The hexadecimal color #f63530 has RGB values of R:246, G:53, B:48 and CMYK values of C:0, M:0.78, Y:0.8, K:0.04. Its decimal value is 16135472.
Hex triplet | f63530 | #f63530 |
---|---|---|
RGB Decimal | 246, 53, 48 | rgb(246,53,48) |
RGB Percent | 96.5, 20.8, 18.8 | rgb(96.5%,20.8%,18.8%) |
CMYK | 0, 78, 80, 4 | |
HSL | 1.5°, 91.7, 57.6 | hsl(1.5,91.7%,57.6%) |
HSV (or HSB) | 1.5°, 80.5, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.404, 70.649, 49.694 |
---|---|
XYZ | 39.815, 22.357, 5.015 |
xyY | 0.593, 0.333, 22.357 |
CIE-LCH | 54.404, 86.376, 35.123 |
CIE-LUV | 54.404, 148.724, 33.461 |
Hunter-Lab | 47.284, 67.558, 26.81 |
Binary | 11110110, 00110101, 00110000 |
Color Schemes with #f63530
Alternatives to #f63530
Below, you can see some colors close to #f63530. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63530 Preview
This text has a font color of #f63530.
<span style="color:#f63530;">Text here</span>
This paragraph has a background color of #f63530.
<p style="background-color:#f63530;">Content here</p>
This element has a border color of #f63530.
<div style="border:1px solid #f63530;">Content here</div>
.text {color:#f63530;}
.background {background-color:#f63530;}
.border {border:1px solid #f63530;}
Shades and Tints of #f63530
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)
-
#4b0503
#4b0503
rgb(75,5,3)
-
#5e0604
#5e0604
rgb(94,6,4)
-
#710805
#710805
rgb(113,8,5)
-
#830906
#830906
rgb(131,9,6)
-
#960a07
#960a07
rgb(150,10,7)
-
#a90b07
#a90b07
rgb(169,11,7)
-
#bc0d08
#bc0d08
rgb(188,13,8)
-
#cf0e09
#cf0e09
rgb(207,14,9)
-
#e10f0a
#e10f0a
rgb(225,15,10)
-
#f4110b
#f4110b
rgb(244,17,11)
-
#f5231d
#f5231d
rgb(245,35,29)
-
#f63530
#f63530
rgb(246,53,48)
-
#f74743
#f74743
rgb(247,71,67)
-
#f85a56
#f85a56
rgb(248,90,86)
-
#f86c68
#f86c68
rgb(248,108,104)
-
#f97e7b
#f97e7b
rgb(249,126,123)
-
#fa918e
#fa918e
rgb(250,145,142)
-
#fba3a1
#fba3a1
rgb(251,163,161)
-
#fcb5b4
#fcb5b4
rgb(252,181,180)
-
#fdc8c6
#fdc8c6
rgb(253,200,198)
-
#fddad9
#fddad9
rgb(253,218,217)
-
#feecec
#feecec
rgb(254,236,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f63530
A tone is produced by adding gray to any pure hue. In this case, #9b8c8b is the less saturated color, while #fe2d28 is the most saturated one.
-
#9b8c8b
#9b8c8b
rgb(155,140,139)
-
#a38483
#a38483
rgb(163,132,131)
-
#ab7c7b
#ab7c7b
rgb(171,124,123)
-
#b47472
#b47472
rgb(180,116,114)
-
#bc6c6a
#bc6c6a
rgb(188,108,106)
-
#c46462
#c46462
rgb(196,100,98)
-
#cc5c5a
#cc5c5a
rgb(204,92,90)
-
#d55551
#d55551
rgb(213,85,81)
-
#dd4d49
#dd4d49
rgb(221,77,73)
-
#e54541
#e54541
rgb(229,69,65)
-
#ee3d38
#ee3d38
rgb(238,61,56)
-
#f63530
#f63530
rgb(246,53,48)
-
#fe2d28
#fe2d28
rgb(254,45,40)
Color Blindness Simulator
Below, you can see how #f63530 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.