#f1563a Color Information
In a RGB color space, hex #f1563a is composed of 94.5% red, 33.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 75.9% yellow and 5.5% black. It has a hue angle of 9.2 degrees, a saturation of 86.7% and a lightness of 58.6%. #f1563a color hex could be obtained by blending #ffac74 with #e30000. Closest websafe color is: #ff6633.
-
- R 95
- G 34
- B 23
-
- C 0
- M 64
- Y 76
- K 5
● #f1563a color description : Bright red.
#f1563a Color Conversion
The hexadecimal color #f1563a has RGB values of R:241, G:86, B:58 and CMYK values of C:0, M:0.64, Y:0.76, K:0.05. Its decimal value is 15816250.
Hex triplet | f1563a | #f1563a |
---|---|---|
RGB Decimal | 241, 86, 58 | rgb(241,86,58) |
RGB Percent | 94.5, 33.7, 22.7 | rgb(94.5%,33.7%,22.7%) |
CMYK | 0, 64, 76, 5 | |
HSL | 9.2°, 86.7, 58.6 | hsl(9.2,86.7%,58.6%) |
HSV (or HSB) | 9.2°, 75.9, 94.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.719, 58.089, 47.631 |
---|---|
XYZ | 40.369, 25.666, 6.831 |
xyY | 0.554, 0.352, 25.666 |
CIE-LCH | 57.719, 75.12, 39.351 |
CIE-LUV | 57.719, 123.304, 37.337 |
Hunter-Lab | 50.662, 53.576, 27.469 |
Binary | 11110001, 01010110, 00111010 |
Color Schemes with #f1563a
Alternatives to #f1563a
Below, you can see some colors close to #f1563a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f1563a Preview
This text has a font color of #f1563a.
<span style="color:#f1563a;">Text here</span>
This paragraph has a background color of #f1563a.
<p style="background-color:#f1563a;">Content here</p>
This element has a border color of #f1563a.
<div style="border:1px solid #f1563a;">Content here</div>
.text {color:#f1563a;}
.background {background-color:#f1563a;}
.border {border:1px solid #f1563a;}
Shades and Tints of #f1563a
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, #040100 is the darkest color, while #fef3f1 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170502
#170502
rgb(23,5,2)
-
#290903
#290903
rgb(41,9,3)
-
#3b0d04
#3b0d04
rgb(59,13,4)
-
#4e1106
#4e1106
rgb(78,17,6)
-
#601407
#601407
rgb(96,20,7)
-
#721808
#721808
rgb(114,24,8)
-
#851c09
#851c09
rgb(133,28,9)
-
#97200b
#97200b
rgb(151,32,11)
-
#a9240c
#a9240c
rgb(169,36,12)
-
#bc280d
#bc280d
rgb(188,40,13)
-
#ce2c0f
#ce2c0f
rgb(206,44,15)
-
#e03010
#e03010
rgb(224,48,16)
-
#ee3715
#ee3715
rgb(238,55,21)
-
#f04628
#f04628
rgb(240,70,40)
-
#f1563a
#f1563a
rgb(241,86,58)
-
#f2664c
#f2664c
rgb(242,102,76)
-
#f4755f
#f4755f
rgb(244,117,95)
-
#f58571
#f58571
rgb(245,133,113)
-
#f69583
#f69583
rgb(246,149,131)
-
#f8a596
#f8a596
rgb(248,165,150)
-
#f9b4a8
#f9b4a8
rgb(249,180,168)
-
#fac4ba
#fac4ba
rgb(250,196,186)
-
#fbd4cd
#fbd4cd
rgb(251,212,205)
-
#fde3df
#fde3df
rgb(253,227,223)
-
#fef3f1
#fef3f1
rgb(254,243,241)
Tones of #f1563a
A tone is produced by adding gray to any pure hue. In this case, #989493 is the less saturated color, while #f95032 is the most saturated one.
-
#989493
#989493
rgb(152,148,147)
-
#a08e8b
#a08e8b
rgb(160,142,139)
-
#a88983
#a88983
rgb(168,137,131)
-
#b0837b
#b0837b
rgb(176,131,123)
-
#b87d73
#b87d73
rgb(184,125,115)
-
#c0786b
#c0786b
rgb(192,120,107)
-
#c87263
#c87263
rgb(200,114,99)
-
#d16d5a
#d16d5a
rgb(209,109,90)
-
#d96752
#d96752
rgb(217,103,82)
-
#e1614a
#e1614a
rgb(225,97,74)
-
#e95c42
#e95c42
rgb(233,92,66)
-
#f1563a
#f1563a
rgb(241,86,58)
-
#f95032
#f95032
rgb(249,80,50)
Color Blindness Simulator
Below, you can see how #f1563a 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.