#f63055 Color Information
In a RGB color space, hex #f63055 is composed of 96.5% red, 18.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 65.4% yellow and 3.5% black. It has a hue angle of 348.8 degrees, a saturation of 91.7% and a lightness of 57.6%. #f63055 color hex could be obtained by blending #ff60aa with #ed0000. Closest websafe color is: #ff3366.
-
- R 96
- G 19
- B 33
-
- C 0
- M 80
- Y 65
- K 4
● #f63055 color description : Bright red.
#f63055 Color Conversion
The hexadecimal color #f63055 has RGB values of R:246, G:48, B:85 and CMYK values of C:0, M:0.8, Y:0.65, K:0.04. Its decimal value is 16134229.
Hex triplet | f63055 | #f63055 |
---|---|---|
RGB Decimal | 246, 48, 85 | rgb(246,48,85) |
RGB Percent | 96.5, 18.8, 33.3 | rgb(96.5%,18.8%,33.3%) |
CMYK | 0, 80, 65, 4 | |
HSL | 348.8°, 91.7, 57.6 | hsl(348.8,91.7%,57.6%) |
HSV (or HSB) | 348.8°, 80.5, 96.5 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 54.415, 73.369, 28.916 |
---|---|
XYZ | 40.705, 22.368, 10.768 |
xyY | 0.551, 0.303, 22.368 |
CIE-LCH | 54.415, 78.862, 21.51 |
CIE-LUV | 54.415, 141.984, 17.285 |
Hunter-Lab | 47.294, 70.863, 19.607 |
Binary | 11110110, 00110000, 01010101 |
Color Schemes with #f63055
Alternatives to #f63055
Below, you can see some colors close to #f63055. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f63055 Preview
This text has a font color of #f63055.
<span style="color:#f63055;">Text here</span>
This paragraph has a background color of #f63055.
<p style="background-color:#f63055;">Content here</p>
This element has a border color of #f63055.
<div style="border:1px solid #f63055;">Content here</div>
.text {color:#f63055;}
.background {background-color:#f63055;}
.border {border:1px solid #f63055;}
Shades and Tints of #f63055
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, #130104 is the darkest color, while #ffffff is the lightest one.
-
#130104
#130104
rgb(19,1,4)
-
#250208
#250208
rgb(37,2,8)
-
#38020c
#38020c
rgb(56,2,12)
-
#4b0311
#4b0311
rgb(75,3,17)
-
#5e0415
#5e0415
rgb(94,4,21)
-
#710519
#710519
rgb(113,5,25)
-
#83061d
#83061d
rgb(131,6,29)
-
#960721
#960721
rgb(150,7,33)
-
#a90726
#a90726
rgb(169,7,38)
-
#bc082a
#bc082a
rgb(188,8,42)
-
#cf092e
#cf092e
rgb(207,9,46)
-
#e10a32
#e10a32
rgb(225,10,50)
-
#f40b36
#f40b36
rgb(244,11,54)
-
#f51d46
#f51d46
rgb(245,29,70)
-
#f63055
#f63055
rgb(246,48,85)
-
#f74364
#f74364
rgb(247,67,100)
-
#f85674
#f85674
rgb(248,86,116)
-
#f86883
#f86883
rgb(248,104,131)
-
#f97b93
#f97b93
rgb(249,123,147)
-
#fa8ea2
#fa8ea2
rgb(250,142,162)
-
#fba1b2
#fba1b2
rgb(251,161,178)
-
#fcb4c1
#fcb4c1
rgb(252,180,193)
-
#fdc6d1
#fdc6d1
rgb(253,198,209)
-
#fdd9e0
#fdd9e0
rgb(253,217,224)
-
#feecef
#feecef
rgb(254,236,239)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f63055
A tone is produced by adding gray to any pure hue. In this case, #9b8b8e is the less saturated color, while #fe2850 is the most saturated one.
-
#9b8b8e
#9b8b8e
rgb(155,139,142)
-
#a38389
#a38389
rgb(163,131,137)
-
#ab7b84
#ab7b84
rgb(171,123,132)
-
#b4727f
#b4727f
rgb(180,114,127)
-
#bc6a79
#bc6a79
rgb(188,106,121)
-
#c46274
#c46274
rgb(196,98,116)
-
#cc5a6f
#cc5a6f
rgb(204,90,111)
-
#d5516a
#d5516a
rgb(213,81,106)
-
#dd4965
#dd4965
rgb(221,73,101)
-
#e5415f
#e5415f
rgb(229,65,95)
-
#ee385a
#ee385a
rgb(238,56,90)
-
#f63055
#f63055
rgb(246,48,85)
-
#fe2850
#fe2850
rgb(254,40,80)
Color Blindness Simulator
Below, you can see how #f63055 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.