Magical Core/Colors

#ff5a36 hex color

Information Conversion Base Numbers Schemes Shades Tints Tones Preview

#ff5a36 Color Information

In a RGB color space, hex #ff5a36(is commonly known by the name Portland Orange) is composed of 100% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 78.8% yellow and 0% black. Cylindrical-coordinate representations (also known as HSL) of this color has a hue angle of 10.7 degrees, a saturation of 100% and a lightness of 60.6%. Closest websafe color is: #ff6633.

ff5a36 Portland Orange color
#ff5a36 colour description : deep red/deep scarlet.

#ff5a36 Color Conversion Table

The hexadecimal color #ff5a36 has RGB values of R:255, G:90, B:54 and CMYK values of C:0, M:64.7, Y:78.8, K:0.

RGB 255, 90, 54 rgb(255,90,54)
CMYK 0, 64.7, 78.8, 0 cmyk(0,64.7,78.8,0)
HSV (or HSB) 10.7°, 78.8, 100 hsv(10.7,78.8,100)
HSL 10.7°, 100, 60.6 hsl(10.7,100,60.6)
XYZ 45.562, 28.839, 6.655 xyz(45.562,28.839,6.655)
YIQ 135.23, 109.89, 23.69 yiq(135.23,109.89,23.69)
LAB 60.6, 61, 53.4 lab(60.6,61,53.4)
More spaces: YIQ, YUV

#ff5a36 Color Base Numbers

Base Red Green Blue
Hex triplet ff 5a 36
Decimal 255 90 54
Octal 377 132 66
Binary 11111111 01011010 00110110
Percent 100% 35.3% 21.2%

Color Schemes with #ff5a36

Some colors work better together. Here, you'll find color harmonies and schemes specific to the hex color #ff5a36. These color palettes have been mathematically proven to pair well in designs.


The Complementary Color scheme is made up of two colors. These two colors are opposite one another in the color spectrum. The first color is called the "base" #ff5a36 and the second color is called the "compliment" #36dbff.

Split Complimentary

The Split Complementary Color scheme is made up of three colors. The base color #ff5a36 is paired with the two colors to the left and the right of compliment color #36dbff.


The Analagous color scheme is made up of three colors. The three colors sit next to one another on the color wheel. The palette is made in similar fashion to how the Split Complimentary palette is made. However, the two secondary colors are adjacent to the base, not the compliment.


The Triadic color scheme is made up of three colors. When viewed on a color wheel, all three colors are spaced evenly (120°) apart.


The Tetradic color scheme is made up of four colors. When viewed on a color wheel, all four colors are spaced evenly (90°) apart.


Shades and Tints with #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, #0b0200 is the darkest color, while #fff7f5 is the lightest one.

Tones with #ff5a36

A tone is produced by adding gray to any pure hue. In this case, #a39592 is the less saturated color, while #ff5a36 is the most saturated one.

Preview with #ff5a36

Text with hexadecimal color #ff5a36
This text has a font color of #ff5a36.
#ff5a36 background color
This paragraph has a background color of #ff5a36.
#ff5a36 shadow color
This paragraph has a shadow color of #ff5a36.
Text with glow color #ff5a36
This paragraph has a glow color of #ff5a36.
#ff5a36 box shadow
This element has a box shadow of #ff5a36
#ff5a36 border color
This element has a border color of #ff5a36.
Text with underline color #ff5a36
This text has a underline color of #ff5a36
Icons with color #ff5a36