#ff5f1c Color Information
In a RGB color space, hex #ff5f1c is composed of 100% red, 37.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 89% yellow and 0% black. It has a hue angle of 17.7 degrees, a saturation of 100% and a lightness of 55.5%. #ff5f1c color hex could be obtained by blending #ffbe38 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 37
- B 11
-
- C 0
- M 63
- Y 89
- K 0
● #ff5f1c color description : Vivid orange.
#ff5f1c Color Conversion
The hexadecimal color #ff5f1c has RGB values of R:255, G:95, B:28 and CMYK values of C:0, M:0.63, Y:0.89, K:0. Its decimal value is 16736028.
Hex triplet | ff5f1c | #ff5f1c |
---|---|---|
RGB Decimal | 255, 95, 28 | rgb(255,95,28) |
RGB Percent | 100, 37.3, 11 | rgb(100%,37.3%,11%) |
CMYK | 0, 63, 89, 0 | |
HSL | 17.7°, 100, 55.5 | hsl(17.7,100%,55.5%) |
HSV (or HSB) | 17.7°, 89, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 61.249, 58.29, 64.552 |
---|---|
XYZ | 45.544, 29.533, 4.401 |
xyY | 0.573, 0.372, 29.533 |
CIE-LCH | 61.249, 86.975, 47.918 |
CIE-LUV | 61.249, 131.574, 48.9 |
Hunter-Lab | 54.345, 54.49, 33.24 |
Binary | 11111111, 01011111, 00011100 |
Color Schemes with #ff5f1c
Alternatives to #ff5f1c
Below, you can see some colors close to #ff5f1c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5f1c Preview
This text has a font color of #ff5f1c.
<span style="color:#ff5f1c;">Text here</span>
This paragraph has a background color of #ff5f1c.
<p style="background-color:#ff5f1c;">Content here</p>
This element has a border color of #ff5f1c.
<div style="border:1px solid #ff5f1c;">Content here</div>
.text {color:#ff5f1c;}
.background {background-color:#ff5f1c;}
.border {border:1px solid #ff5f1c;}
Shades and Tints of #ff5f1c
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)
-
#1c0800
#1c0800
rgb(28,8,0)
-
#300e00
#300e00
rgb(48,14,0)
-
#431400
#431400
rgb(67,20,0)
-
#571a00
#571a00
rgb(87,26,0)
-
#6a1f00
#6a1f00
rgb(106,31,0)
-
#7e2500
#7e2500
rgb(126,37,0)
-
#922b00
#922b00
rgb(146,43,0)
-
#a53100
#a53100
rgb(165,49,0)
-
#b93700
#b93700
rgb(185,55,0)
-
#cd3c00
#cd3c00
rgb(205,60,0)
-
#e04200
#e04200
rgb(224,66,0)
-
#f44800
#f44800
rgb(244,72,0)
-
#ff5108
#ff5108
rgb(255,81,8)
-
#ff5f1c
#ff5f1c
rgb(255,95,28)
-
#ff6d30
#ff6d30
rgb(255,109,48)
-
#ff7b43
#ff7b43
rgb(255,123,67)
-
#ff8857
#ff8857
rgb(255,136,87)
-
#ff966a
#ff966a
rgb(255,150,106)
-
#ffa47e
#ffa47e
rgb(255,164,126)
-
#ffb292
#ffb292
rgb(255,178,146)
-
#ffc0a5
#ffc0a5
rgb(255,192,165)
-
#ffceb9
#ffceb9
rgb(255,206,185)
-
#ffdbcd
#ffdbcd
rgb(255,219,205)
-
#ffe9e0
#ffe9e0
rgb(255,233,224)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #ff5f1c
A tone is produced by adding gray to any pure hue. In this case, #968a85 is the less saturated color, while #ff5f1c is the most saturated one.
-
#968a85
#968a85
rgb(150,138,133)
-
#9f867c
#9f867c
rgb(159,134,124)
-
#a88373
#a88373
rgb(168,131,115)
-
#b07f6b
#b07f6b
rgb(176,127,107)
-
#b97c62
#b97c62
rgb(185,124,98)
-
#c27859
#c27859
rgb(194,120,89)
-
#cb7450
#cb7450
rgb(203,116,80)
-
#d37148
#d37148
rgb(211,113,72)
-
#dc6d3f
#dc6d3f
rgb(220,109,63)
-
#e56a36
#e56a36
rgb(229,106,54)
-
#ee662d
#ee662d
rgb(238,102,45)
-
#f66325
#f66325
rgb(246,99,37)
-
#ff5f1c
#ff5f1c
rgb(255,95,28)
Color Blindness Simulator
Below, you can see how #ff5f1c 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.