#f63531 Color Information
In a RGB color space, hex #f63531 is composed of 96.5% red, 20.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.5% magenta, 80.1% yellow and 3.5% black. It has a hue angle of 1.2 degrees, a saturation of 91.6% and a lightness of 57.8%. #f63531 color hex could be obtained by blending #ff6a62 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 21
- B 19
-
- C 0
- M 78
- Y 80
- K 4
● #f63531 color description : Bright red.
#f63531 Color Conversion
The hexadecimal color #f63531 has RGB values of R:246, G:53, B:49 and CMYK values of C:0, M:0.78, Y:0.8, K:0.04. Its decimal value is 16135473.
Hex triplet | f63531 | #f63531 |
---|---|---|
RGB Decimal | 246, 53, 49 | rgb(246,53,49) |
RGB Percent | 96.5, 20.8, 19.2 | rgb(96.5%,20.8%,19.2%) |
CMYK | 0, 78, 80, 4 | |
HSL | 1.2°, 91.6, 57.8 | hsl(1.2,91.6%,57.8%) |
HSV (or HSB) | 1.2°, 80.1, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.413, 70.676, 49.189 |
---|---|
XYZ | 39.836, 22.366, 5.125 |
xyY | 0.592, 0.332, 22.366 |
CIE-LCH | 54.413, 86.109, 34.837 |
CIE-LUV | 54.413, 148.548, 33.158 |
Hunter-Lab | 47.292, 67.593, 26.679 |
Binary | 11110110, 00110101, 00110001 |
Color Schemes with #f63531
Alternatives to #f63531
Below, you can see some colors close to #f63531. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63531 Preview
This text has a font color of #f63531.
<span style="color:#f63531;">Text here</span>
This paragraph has a background color of #f63531.
<p style="background-color:#f63531;">Content here</p>
This element has a border color of #f63531.
<div style="border:1px solid #f63531;">Content here</div>
.text {color:#f63531;}
.background {background-color:#f63531;}
.border {border:1px solid #f63531;}
Shades and Tints of #f63531
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, #010000 is the darkest color, while #feeded is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140101
#140101
rgb(20,1,1)
-
#260202
#260202
rgb(38,2,2)
-
#390402
#390402
rgb(57,4,2)
-
#4c0503
#4c0503
rgb(76,5,3)
-
#5f0604
#5f0604
rgb(95,6,4)
-
#720705
#720705
rgb(114,7,5)
-
#840806
#840806
rgb(132,8,6)
-
#970a07
#970a07
rgb(151,10,7)
-
#aa0b07
#aa0b07
rgb(170,11,7)
-
#bd0c08
#bd0c08
rgb(189,12,8)
-
#cf0d09
#cf0d09
rgb(207,13,9)
-
#e20e0a
#e20e0a
rgb(226,14,10)
-
#f4100b
#f4100b
rgb(244,16,11)
-
#f5231e
#f5231e
rgb(245,35,30)
-
#f63531
#f63531
rgb(246,53,49)
-
#f74744
#f74744
rgb(247,71,68)
-
#f85a57
#f85a57
rgb(248,90,87)
-
#f86c69
#f86c69
rgb(248,108,105)
-
#f97f7c
#f97f7c
rgb(249,127,124)
-
#fa918f
#fa918f
rgb(250,145,143)
-
#fba4a2
#fba4a2
rgb(251,164,162)
-
#fcb6b5
#fcb6b5
rgb(252,182,181)
-
#fdc8c7
#fdc8c7
rgb(253,200,199)
-
#fddbda
#fddbda
rgb(253,219,218)
-
#feeded
#feeded
rgb(254,237,237)
Tones of #f63531
A tone is produced by adding gray to any pure hue. In this case, #9b8c8c is the less saturated color, while #fe2d29 is the most saturated one.
-
#9b8c8c
#9b8c8c
rgb(155,140,140)
-
#a38484
#a38484
rgb(163,132,132)
-
#ac7c7b
#ac7c7b
rgb(172,124,123)
-
#b47473
#b47473
rgb(180,116,115)
-
#bc6d6b
#bc6d6b
rgb(188,109,107)
-
#c46563
#c46563
rgb(196,101,99)
-
#cd5d5a
#cd5d5a
rgb(205,93,90)
-
#d55552
#d55552
rgb(213,85,82)
-
#dd4d4a
#dd4d4a
rgb(221,77,74)
-
#e54542
#e54542
rgb(229,69,66)
-
#ee3d39
#ee3d39
rgb(238,61,57)
-
#f63531
#f63531
rgb(246,53,49)
-
#fe2d29
#fe2d29
rgb(254,45,41)
Color Blindness Simulator
Below, you can see how #f63531 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.