#f5561d Color Information
In a RGB color space, hex #f5561d is composed of 96.1% red, 33.7% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.9% magenta, 88.2% yellow and 3.9% black. It has a hue angle of 15.8 degrees, a saturation of 91.5% and a lightness of 53.7%. #f5561d color hex could be obtained by blending #ffac3a with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 34
- B 11
-
- C 0
- M 65
- Y 88
- K 4
● #f5561d color description : Vivid orange.
#f5561d Color Conversion
The hexadecimal color #f5561d has RGB values of R:245, G:86, B:29 and CMYK values of C:0, M:0.65, Y:0.88, K:0.04. Its decimal value is 16078365.
Hex triplet | f5561d | #f5561d |
---|---|---|
RGB Decimal | 245, 86, 29 | rgb(245,86,29) |
RGB Percent | 96.1, 33.7, 11.4 | rgb(96.1%,33.7%,11.4%) |
CMYK | 0, 65, 88, 4 | |
HSL | 15.8°, 91.5, 53.7 | hsl(15.8,91.5%,53.7%) |
HSV (or HSB) | 15.8°, 88.2, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.19, 58.644, 61.195 |
---|---|
XYZ | 41.208, 26.161, 4.042 |
xyY | 0.577, 0.366, 26.161 |
CIE-LCH | 58.19, 84.758, 46.22 |
CIE-LUV | 58.19, 130.066, 45.293 |
Hunter-Lab | 51.148, 54.299, 31.118 |
Binary | 11110101, 01010110, 00011101 |
Color Schemes with #f5561d
Alternatives to #f5561d
Below, you can see some colors close to #f5561d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5561d Preview
This text has a font color of #f5561d.
<span style="color:#f5561d;">Text here</span>
This paragraph has a background color of #f5561d.
<p style="background-color:#f5561d;">Content here</p>
This element has a border color of #f5561d.
<div style="border:1px solid #f5561d;">Content here</div>
.text {color:#f5561d;}
.background {background-color:#f5561d;}
.border {border:1px solid #f5561d;}
Shades and Tints of #f5561d
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, #120501 is the darkest color, while #fffffe is the lightest one.
-
#120501
#120501
rgb(18,5,1)
-
#250b02
#250b02
rgb(37,11,2)
-
#381102
#381102
rgb(56,17,2)
-
#4b1603
#4b1603
rgb(75,22,3)
-
#5d1c04
#5d1c04
rgb(93,28,4)
-
#702105
#702105
rgb(112,33,5)
-
#832706
#832706
rgb(131,39,6)
-
#962c07
#962c07
rgb(150,44,7)
-
#a83207
#a83207
rgb(168,50,7)
-
#bb3808
#bb3808
rgb(187,56,8)
-
#ce3d09
#ce3d09
rgb(206,61,9)
-
#e1430a
#e1430a
rgb(225,67,10)
-
#f4480b
#f4480b
rgb(244,72,11)
-
#f5561d
#f5561d
rgb(245,86,29)
-
#f66430
#f66430
rgb(246,100,48)
-
#f77243
#f77243
rgb(247,114,67)
-
#f78055
#f78055
rgb(247,128,85)
-
#f88e68
#f88e68
rgb(248,142,104)
-
#f99c7b
#f99c7b
rgb(249,156,123)
-
#faaa8e
#faaa8e
rgb(250,170,142)
-
#fbb8a0
#fbb8a0
rgb(251,184,160)
-
#fcc6b3
#fcc6b3
rgb(252,198,179)
-
#fcd4c6
#fcd4c6
rgb(252,212,198)
-
#fde2d9
#fde2d9
rgb(253,226,217)
-
#fef1ec
#fef1ec
rgb(254,241,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f5561d
A tone is produced by adding gray to any pure hue. In this case, #918581 is the less saturated color, while #fe5214 is the most saturated one.
-
#918581
#918581
rgb(145,133,129)
-
#9a8178
#9a8178
rgb(154,129,120)
-
#a37d6f
#a37d6f
rgb(163,125,111)
-
#ac7866
#ac7866
rgb(172,120,102)
-
#b5745d
#b5745d
rgb(181,116,93)
-
#bf7053
#bf7053
rgb(191,112,83)
-
#c86b4a
#c86b4a
rgb(200,107,74)
-
#d16741
#d16741
rgb(209,103,65)
-
#da6338
#da6338
rgb(218,99,56)
-
#e35f2f
#e35f2f
rgb(227,95,47)
-
#ec5a26
#ec5a26
rgb(236,90,38)
-
#f5561d
#f5561d
rgb(245,86,29)
-
#fe5214
#fe5214
rgb(254,82,20)
Color Blindness Simulator
Below, you can see how #f5561d 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.