#ff5a1e Color Information
In a RGB color space, hex #ff5a1e is composed of 100% red, 35.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 88.2% yellow and 0% black. It has a hue angle of 16 degrees, a saturation of 100% and a lightness of 55.9%. #ff5a1e color hex could be obtained by blending #ffb43c with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 35
- B 12
-
- C 0
- M 65
- Y 88
- K 0
● #ff5a1e color description : Vivid orange.
#ff5a1e Color Conversion
The hexadecimal color #ff5a1e has RGB values of R:255, G:90, B:30 and CMYK values of C:0, M:0.65, Y:0.88, K:0. Its decimal value is 16734750.
Hex triplet | ff5a1e | #ff5a1e |
---|---|---|
RGB Decimal | 255, 90, 30 | rgb(255,90,30) |
RGB Percent | 100, 35.3, 11.8 | rgb(100%,35.3%,11.8%) |
CMYK | 0, 65, 88, 0 | |
HSL | 16°, 100, 55.9 | hsl(16,100%,55.9%) |
HSV (or HSB) | 16°, 88.2, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.49, 60.381, 63.321 |
---|---|
XYZ | 45.133, 28.671, 4.386 |
xyY | 0.577, 0.367, 28.671 |
CIE-LCH | 60.49, 87.495, 46.362 |
CIE-LUV | 60.49, 135.121, 47.22 |
Hunter-Lab | 53.546, 56.75, 32.625 |
Binary | 11111111, 01011010, 00011110 |
Color Schemes with #ff5a1e
Alternatives to #ff5a1e
Below, you can see some colors close to #ff5a1e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5a1e Preview
This text has a font color of #ff5a1e.
<span style="color:#ff5a1e;">Text here</span>
This paragraph has a background color of #ff5a1e.
<p style="background-color:#ff5a1e;">Content here</p>
This element has a border color of #ff5a1e.
<div style="border:1px solid #ff5a1e;">Content here</div>
.text {color:#ff5a1e;}
.background {background-color:#ff5a1e;}
.border {border:1px solid #ff5a1e;}
Shades and Tints of #ff5a1e
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, #0a0300 is the darkest color, while #fff8f6 is the lightest one.
-
#0a0300
#0a0300
rgb(10,3,0)
-
#1e0800
#1e0800
rgb(30,8,0)
-
#320d00
#320d00
rgb(50,13,0)
-
#451200
#451200
rgb(69,18,0)
-
#591800
#591800
rgb(89,24,0)
-
#6c1d00
#6c1d00
rgb(108,29,0)
-
#802200
#802200
rgb(128,34,0)
-
#942700
#942700
rgb(148,39,0)
-
#a72d00
#a72d00
rgb(167,45,0)
-
#bb3200
#bb3200
rgb(187,50,0)
-
#cf3700
#cf3700
rgb(207,55,0)
-
#e23c00
#e23c00
rgb(226,60,0)
-
#f64200
#f64200
rgb(246,66,0)
-
#ff4c0a
#ff4c0a
rgb(255,76,10)
-
#ff5a1e
#ff5a1e
rgb(255,90,30)
-
#ff6832
#ff6832
rgb(255,104,50)
-
#ff7745
#ff7745
rgb(255,119,69)
-
#ff8559
#ff8559
rgb(255,133,89)
-
#ff946c
#ff946c
rgb(255,148,108)
-
#ffa280
#ffa280
rgb(255,162,128)
-
#ffb094
#ffb094
rgb(255,176,148)
-
#ffbfa7
#ffbfa7
rgb(255,191,167)
-
#ffcdbb
#ffcdbb
rgb(255,205,187)
-
#ffdbcf
#ffdbcf
rgb(255,219,207)
-
#ffeae2
#ffeae2
rgb(255,234,226)
-
#fff8f6
#fff8f6
rgb(255,248,246)
Tones of #ff5a1e
A tone is produced by adding gray to any pure hue. In this case, #978a86 is the less saturated color, while #ff5a1e is the most saturated one.
-
#978a86
#978a86
rgb(151,138,134)
-
#a0867d
#a0867d
rgb(160,134,125)
-
#a88275
#a88275
rgb(168,130,117)
-
#b17e6c
#b17e6c
rgb(177,126,108)
-
#ba7a63
#ba7a63
rgb(186,122,99)
-
#c2765b
#c2765b
rgb(194,118,91)
-
#cb7252
#cb7252
rgb(203,114,82)
-
#d46e49
#d46e49
rgb(212,110,73)
-
#dc6a41
#dc6a41
rgb(220,106,65)
-
#e56638
#e56638
rgb(229,102,56)
-
#ee622f
#ee622f
rgb(238,98,47)
-
#f65e27
#f65e27
rgb(246,94,39)
-
#ff5a1e
#ff5a1e
rgb(255,90,30)
Color Blindness Simulator
Below, you can see how #ff5a1e 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.