#ff561c Color Information
In a RGB color space, hex #ff561c is composed of 100% red, 33.7% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 89% yellow and 0% black. It has a hue angle of 15.3 degrees, a saturation of 100% and a lightness of 55.5%. #ff561c color hex could be obtained by blending #ffac38 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 34
- B 11
-
- C 0
- M 66
- Y 89
- K 0
● #ff561c color description : Vivid orange.
#ff561c Color Conversion
The hexadecimal color #ff561c has RGB values of R:255, G:86, B:28 and CMYK values of C:0, M:0.66, Y:0.89, K:0. Its decimal value is 16733724.
Hex triplet | ff561c | #ff561c |
---|---|---|
RGB Decimal | 255, 86, 28 | rgb(255,86,28) |
RGB Percent | 100, 33.7, 11 | rgb(100%,33.7%,11%) |
CMYK | 0, 66, 89, 0 | |
HSL | 15.3°, 100, 55.5 | hsl(15.3,100%,55.5%) |
HSV (or HSB) | 15.3°, 89, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.893, 61.936, 63.564 |
---|---|
XYZ | 44.78, 28.005, 4.146 |
xyY | 0.582, 0.364, 28.005 |
CIE-LCH | 59.893, 88.749, 45.743 |
CIE-LUV | 59.893, 138.159, 46.51 |
Hunter-Lab | 52.919, 58.435, 32.398 |
Binary | 11111111, 01010110, 00011100 |
Color Schemes with #ff561c
Alternatives to #ff561c
Below, you can see some colors close to #ff561c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff561c Preview
This text has a font color of #ff561c.
<span style="color:#ff561c;">Text here</span>
This paragraph has a background color of #ff561c.
<p style="background-color:#ff561c;">Content here</p>
This element has a border color of #ff561c.
<div style="border:1px solid #ff561c;">Content here</div>
.text {color:#ff561c;}
.background {background-color:#ff561c;}
.border {border:1px solid #ff561c;}
Shades and Tints of #ff561c
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, #080200 is the darkest color, while #fff7f4 is the lightest one.
-
#080200
#080200
rgb(8,2,0)
-
#1c0700
#1c0700
rgb(28,7,0)
-
#300c00
#300c00
rgb(48,12,0)
-
#431100
#431100
rgb(67,17,0)
-
#571600
#571600
rgb(87,22,0)
-
#6a1b00
#6a1b00
rgb(106,27,0)
-
#7e2000
#7e2000
rgb(126,32,0)
-
#922500
#922500
rgb(146,37,0)
-
#a52a00
#a52a00
rgb(165,42,0)
-
#b92f00
#b92f00
rgb(185,47,0)
-
#cd3400
#cd3400
rgb(205,52,0)
-
#e03900
#e03900
rgb(224,57,0)
-
#f43e00
#f43e00
rgb(244,62,0)
-
#ff4708
#ff4708
rgb(255,71,8)
-
#ff561c
#ff561c
rgb(255,86,28)
-
#ff6530
#ff6530
rgb(255,101,48)
-
#ff7343
#ff7343
rgb(255,115,67)
-
#ff8257
#ff8257
rgb(255,130,87)
-
#ff906a
#ff906a
rgb(255,144,106)
-
#ff9f7e
#ff9f7e
rgb(255,159,126)
-
#ffae92
#ffae92
rgb(255,174,146)
-
#ffbca5
#ffbca5
rgb(255,188,165)
-
#ffcbb9
#ffcbb9
rgb(255,203,185)
-
#ffd9cd
#ffd9cd
rgb(255,217,205)
-
#ffe8e0
#ffe8e0
rgb(255,232,224)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #ff561c
A tone is produced by adding gray to any pure hue. In this case, #968985 is the less saturated color, while #ff561c is the most saturated one.
-
#968985
#968985
rgb(150,137,133)
-
#9f857c
#9f857c
rgb(159,133,124)
-
#a88173
#a88173
rgb(168,129,115)
-
#b07c6b
#b07c6b
rgb(176,124,107)
-
#b97862
#b97862
rgb(185,120,98)
-
#c27459
#c27459
rgb(194,116,89)
-
#cb7050
#cb7050
rgb(203,112,80)
-
#d36b48
#d36b48
rgb(211,107,72)
-
#dc673f
#dc673f
rgb(220,103,63)
-
#e56336
#e56336
rgb(229,99,54)
-
#ee5f2d
#ee5f2d
rgb(238,95,45)
-
#f65a25
#f65a25
rgb(246,90,37)
-
#ff561c
#ff561c
rgb(255,86,28)
Color Blindness Simulator
Below, you can see how #ff561c 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.