#ff5a1a Color Information
In a RGB color space, hex #ff5a1a is composed of 100% red, 35.3% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 89.8% yellow and 0% black. It has a hue angle of 16.8 degrees, a saturation of 100% and a lightness of 55.1%. #ff5a1a color hex could be obtained by blending #ffb434 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 35
- B 10
-
- C 0
- M 65
- Y 90
- K 0
● #ff5a1a color description : Vivid orange.
#ff5a1a Color Conversion
The hexadecimal color #ff5a1a has RGB values of R:255, G:90, B:26 and CMYK values of C:0, M:0.65, Y:0.9, K:0. Its decimal value is 16734746.
Hex triplet | ff5a1a | #ff5a1a |
---|---|---|
RGB Decimal | 255, 90, 26 | rgb(255,90,26) |
RGB Percent | 100, 35.3, 10.2 | rgb(100%,35.3%,10.2%) |
CMYK | 0, 65, 90, 0 | |
HSL | 16.8°, 100, 55.1 | hsl(16.8,100%,55.1%) |
HSV (or HSB) | 16.8°, 89.8, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.473, 60.316, 64.632 |
---|---|
XYZ | 45.085, 28.652, 4.134 |
xyY | 0.579, 0.368, 28.652 |
CIE-LCH | 60.473, 88.404, 46.978 |
CIE-LUV | 60.473, 135.426, 47.859 |
Hunter-Lab | 53.528, 56.672, 32.891 |
Binary | 11111111, 01011010, 00011010 |
Color Schemes with #ff5a1a
Alternatives to #ff5a1a
Below, you can see some colors close to #ff5a1a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5a1a Preview
This text has a font color of #ff5a1a.
<span style="color:#ff5a1a;">Text here</span>
This paragraph has a background color of #ff5a1a.
<p style="background-color:#ff5a1a;">Content here</p>
This element has a border color of #ff5a1a.
<div style="border:1px solid #ff5a1a;">Content here</div>
.text {color:#ff5a1a;}
.background {background-color:#ff5a1a;}
.border {border:1px solid #ff5a1a;}
Shades and Tints of #ff5a1a
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, #060200 is the darkest color, while #fff5f2 is the lightest one.
-
#060200
#060200
rgb(6,2,0)
-
#1a0700
#1a0700
rgb(26,7,0)
-
#2e0d00
#2e0d00
rgb(46,13,0)
-
#411200
#411200
rgb(65,18,0)
-
#551800
#551800
rgb(85,24,0)
-
#681d00
#681d00
rgb(104,29,0)
-
#7c2300
#7c2300
rgb(124,35,0)
-
#902800
#902800
rgb(144,40,0)
-
#a32e00
#a32e00
rgb(163,46,0)
-
#b73300
#b73300
rgb(183,51,0)
-
#cb3900
#cb3900
rgb(203,57,0)
-
#de3e00
#de3e00
rgb(222,62,0)
-
#f24400
#f24400
rgb(242,68,0)
-
#ff4c06
#ff4c06
rgb(255,76,6)
-
#ff5a1a
#ff5a1a
rgb(255,90,26)
-
#ff682e
#ff682e
rgb(255,104,46)
-
#ff7641
#ff7641
rgb(255,118,65)
-
#ff8455
#ff8455
rgb(255,132,85)
-
#ff9368
#ff9368
rgb(255,147,104)
-
#ffa17c
#ffa17c
rgb(255,161,124)
-
#ffaf90
#ffaf90
rgb(255,175,144)
-
#ffbda3
#ffbda3
rgb(255,189,163)
-
#ffcbb7
#ffcbb7
rgb(255,203,183)
-
#ffd9cb
#ffd9cb
rgb(255,217,203)
-
#ffe7de
#ffe7de
rgb(255,231,222)
-
#fff5f2
#fff5f2
rgb(255,245,242)
Tones of #ff5a1a
A tone is produced by adding gray to any pure hue. In this case, #958984 is the less saturated color, while #ff5a1a is the most saturated one.
-
#958984
#958984
rgb(149,137,132)
-
#9e857b
#9e857b
rgb(158,133,123)
-
#a78172
#a78172
rgb(167,129,114)
-
#b07d69
#b07d69
rgb(176,125,105)
-
#b97960
#b97960
rgb(185,121,96)
-
#c17558
#c17558
rgb(193,117,88)
-
#ca714f
#ca714f
rgb(202,113,79)
-
#d36d46
#d36d46
rgb(211,109,70)
-
#dc6a3d
#dc6a3d
rgb(220,106,61)
-
#e56634
#e56634
rgb(229,102,52)
-
#ed622c
#ed622c
rgb(237,98,44)
-
#f65e23
#f65e23
rgb(246,94,35)
-
#ff5a1a
#ff5a1a
rgb(255,90,26)
Color Blindness Simulator
Below, you can see how #ff5a1a 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.