#ff5a36 Color Informations
This page lists more detailed information about the hex color code #ff5a36(also known as portland orange color). In a RGB color space, hex #ff5a36 is composed of 255(100%) red, 90(35.29%) green and 54(21.18%) blue. Its decimal value is 16734774. In a CMYK color space, it is consist of 0% cyan, 64.71% magenta, 78.82% yellow and 0% black. It has a hue angle of 10.75 degrees, a saturation of 100% and a lightness of 60.59%.
Color #ff5a36 contains mostly Red color, is a warm color and closest websafe color is #ff6633. #ff5a36 color hex could be obtained by blending #ffb46c with #ff0000. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#ff5a36 color description : light brilliant red/light brilliant scarlet.
#ff5a36 Color Conversion
-
- Hex triplet ff, 5a, 36
- RGB Decimal 255, 90, 54
- RGB Octal 377, 132, 066
- RGB Binary 11111111, 01011010, 00110110
- RGB Percent 100%, 35.29%, 21.18%
- XYZ 45.562, 28.8387, 6.6551
- xyY 0.5621, 0.3558, 28.8387
-
- CMYK 0%, 64.71%, 78.82%, 0%
- HSL 10.75°, 100, 60.59
- HSV(HSB) 10.75°, 78.82, 100
- CIE-L*AB 60.639, 60.973, 53.354
- CIE-L*CH 60.639, 81.021, 41.187
- CIE-L*UV 60.639, 132.468, 41.569
- Hunter-Lab 53.702, 57.467, 30.244
#ff5a36 Color Analysis
Color Schemes with #ff5a36
Complementary Color of #ff5a36 is #36dbff. Split Complementary Colors of #ff5a36 are #3677ff and #36ffbf. Analogous Colors of #ff5a36 are #ff3677 and #ffbf36. Triadic Colors of #ff5a36 are #5a36ff and #36ff5a
Shades and Tints of #ff5a36
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, #0f0300 is the darkest color, while #fffbfa is the lightest one.
-
#0f0300
#0f0300
rgb(15,3,0) -
#220600
#220600
rgb(34,6,0) -
#360a00
#360a00
rgb(54,10,0) -
#4a0d00
#4a0d00
rgb(74,13,0) -
#5d1100
#5d1100
rgb(93,17,0) -
#711400
#711400
rgb(113,20,0) -
#841800
#841800
rgb(132,24,0) -
#981b00
#981b00
rgb(152,27,0) -
#ac1f00
#ac1f00
rgb(172,31,0) -
#bf2200
#bf2200
rgb(191,34,0) -
#d32600
#d32600
rgb(211,38,0) -
#e72900
#e72900
rgb(231,41,0) -
#fa2d00
#fa2d00
rgb(250,45,0)
-
#ff3a0f
#ff3a0f
rgb(255,58,15) -
#ff4a22
#ff4a22
rgb(255,74,34) -
#ff5a36
#ff5a36
rgb(255,90,54) -
#ff6a4a
#ff6a4a
rgb(255,106,74) -
#ff7a5d
#ff7a5d
rgb(255,122,93) -
#ff8a71
#ff8a71
rgb(255,138,113) -
#ff9a84
#ff9a84
rgb(255,154,132) -
#ffab98
#ffab98
rgb(255,171,152) -
#ffbbac
#ffbbac
rgb(255,187,172) -
#ffcbbf
#ffcbbf
rgb(255,203,191) -
#ffdbd3
#ffdbd3
rgb(255,219,211) -
#ffebe7
#ffebe7
rgb(255,235,231) -
#fffbfa
#fffbfa
rgb(255,251,250)
Tones of #ff5a36
A tone is produced by adding gray to any pure hue. In this case, #9b9b9b is the less saturated color, while #f75f3e is the most saturated one.
-
#9b9b9b
#9b9b9b
rgb(155,155,155) -
#a29693
#a29693
rgb(162,150,147) -
#aa918b
#aa918b
rgb(170,145,139) -
#b28c83
#b28c83
rgb(178,140,131) -
#b9877c
#b9877c
rgb(185,135,124) -
#c18274
#c18274
rgb(193,130,116) -
#c97d6c
#c97d6c
rgb(201,125,108) -
#d17864
#d17864
rgb(209,120,100) -
#d8735d
#d8735d
rgb(216,115,93) -
#e06e55
#e06e55
rgb(224,110,85) -
#e8694d
#e8694d
rgb(232,105,77) -
#f06445
#f06445
rgb(240,100,69) -
#f75f3e
#f75f3e
rgb(247,95,62)
Alternatives to #ff5a36
Below, site show some colors close to #ff5a36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#ff3677
#ff3677
rgb(255,54,119) -
#ff3666
#ff3666
rgb(255,54,102) -
#ff3655
#ff3655
rgb(255,54,85) -
#ff3644
#ff3644
rgb(255,54,68) -
#ff3936
#ff3936
rgb(255,57,54) -
#ff4936
#ff4936
rgb(255,73,54) -
#ff5a36
#ff5a36
rgb(255,90,54) -
#ff6b36
#ff6b36
rgb(255,107,54) -
#ff7c36
#ff7c36
rgb(255,124,54) -
#ff8c36
#ff8c36
rgb(255,140,54) -
#ff9d36
#ff9d36
rgb(255,157,54) -
#ffae36
#ffae36
rgb(255,174,54) -
#ffbf36
#ffbf36
rgb(255,191,54)
#ff5a36 Preview in HTML
This text has a font color of #ff5a36.
<span style="color:#ff5a36;">Text here</span>
#ff5a36 Text Shadow.
<span style="text-shadow:2px 2px 3px #ff5a36;">Text here</span>
This paragraph has a background color of #ff5a36.
<p style="background-color:#ff5a36;">Content here</p>
This element has a border color of #ff5a36.
<div style="border:1px solid #ff5a36;">Content here</div>
.text{color:#ff5a36;}
.background{background-color:#ff5a36;}
.border{border:1px solid #ff5a36;}
Download #ff5a36 color images
Solid color background with hex color code #ff5a36(with the name portland orange). Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -