#ff5a36 (Portland Orange) Color HTML CSS codes
| Hex Color Code | #ff5a36 |
|---|---|
| RGB Color Code | rgb(255, 90, 54) |
| HSL Color Code | hsl(11, 100%, 61%) |
| CMYK Color Code | device-cmyk(0% 65% 79% 0%) |
| CSS Example code | body { background: #ff5a36 } |
| Color Group | Red |
| Complement | |
| Grayscale | #9b9b9b |
| Color Name | Portland Orange |
| RGB (Percent) | 100%, 35.29%, 21.18% |
| HSL (Natual Numbers) | 11, 100, 61 |
| HSL (Natual Numbers) | 0, 65, 79, 0 |
| HUE (Degree) | 11° |
| Brightness | 0.53 |
| Type | Light (Brightness >= 0.5) |
Darker | Lighter | Shades | Tones | Tints | How to Use | Description
Darker than #ff5a36
Lighter than #ff5a36
Shades of #ff5a36
Tones of #ff5a36
Tints of #ff5a36
#ff5a36 Color Harmonies
Complementary color scheme
Double Split Complementary color scheme
Rectangle color scheme
Split Complementary color scheme
Tetradic color scheme
Triadic color scheme
How to Use Color #ff5a36
Text / Font Color:
color: #ff5a36;
Example text using the color #ff5a36.
Background Color:
background-color: #ff5a36;
Border Color:
border-color: #ff5a36;
Box Shadow Color:
box-shadow: 2px 2px 4px #ff5a36;
Text Shadow Color:
text-shadow: 1px 1px 3px #ff5a36;
Example text shadow using the color #ff5a36.
Color #ff5a36 Description
The #ff5a36 HTML color is made up of 255 Red, 90 Green, and 54 Blue. This color is often called by name Portland Orange. The hue is at 11 degrees, with a saturation value at 100 percent and a lightness value of 61 percent.
Therefore, this color can be considered to be Light.
In the CMYK color model (used in the printing process), the composition is 0% Cyan, 65% Magenta, 79% Yellow, and 0% key (black). Colors that looks similar: #ff3676, #ff5b36, #ffbf36. May be found within the Red Color Codes Group.
Note: Color names are subjective, therefore, a single name could potentially represent a multitude of HEX color values.