#f5561c Color Information
In a RGB color space, hex #f5561c is composed of 96.1% red, 33.7% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.9% magenta, 88.6% yellow and 3.9% black. It has a hue angle of 16 degrees, a saturation of 91.6% and a lightness of 53.5%. #f5561c color hex could be obtained by blending #ffac38 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 34
- B 11
-
- C 0
- M 65
- Y 89
- K 4
● #f5561c color description : Vivid orange.
#f5561c Color Conversion
The hexadecimal color #f5561c has RGB values of R:245, G:86, B:28 and CMYK values of C:0, M:0.65, Y:0.89, K:0.04. Its decimal value is 16078364.
Hex triplet | f5561c | #f5561c |
---|---|---|
RGB Decimal | 245, 86, 28 | rgb(245,86,28) |
RGB Percent | 96.1, 33.7, 11 | rgb(96.1%,33.7%,11%) |
CMYK | 0, 65, 89, 4 | |
HSL | 16°, 91.6, 53.5 | hsl(16,91.6%,53.5%) |
HSV (or HSB) | 16°, 88.6, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.185, 58.626, 61.541 |
---|---|
XYZ | 41.196, 26.157, 3.978 |
xyY | 0.578, 0.367, 26.157 |
CIE-LCH | 58.185, 84.996, 46.39 |
CIE-LUV | 58.185, 130.147, 45.464 |
Hunter-Lab | 51.144, 54.279, 31.189 |
Binary | 11110101, 01010110, 00011100 |
Color Schemes with #f5561c
Alternatives to #f5561c
Below, you can see some colors close to #f5561c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5561c Preview
This text has a font color of #f5561c.
<span style="color:#f5561c;">Text here</span>
This paragraph has a background color of #f5561c.
<p style="background-color:#f5561c;">Content here</p>
This element has a border color of #f5561c.
<div style="border:1px solid #f5561c;">Content here</div>
.text {color:#f5561c;}
.background {background-color:#f5561c;}
.border {border:1px solid #f5561c;}
Shades and Tints of #f5561c
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, #110501 is the darkest color, while #fffefd is the lightest one.
-
#110501
#110501
rgb(17,5,1)
-
#240b02
#240b02
rgb(36,11,2)
-
#371002
#371002
rgb(55,16,2)
-
#4a1603
#4a1603
rgb(74,22,3)
-
#5c1c04
#5c1c04
rgb(92,28,4)
-
#6f2105
#6f2105
rgb(111,33,5)
-
#822706
#822706
rgb(130,39,6)
-
#952d07
#952d07
rgb(149,45,7)
-
#a83207
#a83207
rgb(168,50,7)
-
#ba3808
#ba3808
rgb(186,56,8)
-
#cd3d09
#cd3d09
rgb(205,61,9)
-
#e0430a
#e0430a
rgb(224,67,10)
-
#f3490b
#f3490b
rgb(243,73,11)
-
#f5561c
#f5561c
rgb(245,86,28)
-
#f6642f
#f6642f
rgb(246,100,47)
-
#f77242
#f77242
rgb(247,114,66)
-
#f78054
#f78054
rgb(247,128,84)
-
#f88e67
#f88e67
rgb(248,142,103)
-
#f99c7a
#f99c7a
rgb(249,156,122)
-
#faaa8d
#faaa8d
rgb(250,170,141)
-
#fbb8a0
#fbb8a0
rgb(251,184,160)
-
#fcc6b2
#fcc6b2
rgb(252,198,178)
-
#fcd4c5
#fcd4c5
rgb(252,212,197)
-
#fde2d8
#fde2d8
rgb(253,226,216)
-
#fef0eb
#fef0eb
rgb(254,240,235)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f5561c
A tone is produced by adding gray to any pure hue. In this case, #918580 is the less saturated color, while #fe5213 is the most saturated one.
-
#918580
#918580
rgb(145,133,128)
-
#9a8077
#9a8077
rgb(154,128,119)
-
#a37c6e
#a37c6e
rgb(163,124,110)
-
#ac7865
#ac7865
rgb(172,120,101)
-
#b5745c
#b5745c
rgb(181,116,92)
-
#be6f53
#be6f53
rgb(190,111,83)
-
#c76b4a
#c76b4a
rgb(199,107,74)
-
#d16740
#d16740
rgb(209,103,64)
-
#da6337
#da6337
rgb(218,99,55)
-
#e35e2e
#e35e2e
rgb(227,94,46)
-
#ec5a25
#ec5a25
rgb(236,90,37)
-
#f5561c
#f5561c
rgb(245,86,28)
-
#fe5213
#fe5213
rgb(254,82,19)
Color Blindness Simulator
Below, you can see how #f5561c 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.