Color conversion
Color conversion for Portland Orange
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 255 | 90 | 54 | |
|---|---|---|---|---|
| HSL | 10.75° | 100% | 60.59% | |
| HSV | 10.75° | 78.82% | 100% | |
| CMYK | 0% | 64.71% | 78.82% | 0% |
| XYZ | 45.5672 | 28.8454 | 6.6576 | |
| Yxy | 28.8454 | 0.5621 | 0.3558 | |
| Hunter Lab | 53.7079 | 57.454 | 30.2489 | |
| CIE-Lab | 60.6449 | 60.9622 | 53.3544 | |
| CIE-LCH | 60.6449 | 81.0128 | 41.1926 | |
| CIE-LUV | 60.6449 | 132.4481 | 41.5753 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111111 | 01011010 | 00110110 |
| Octal | 377 | 132 | 66 |
| Decimal | 255 | 90 | 54 |
| Hex | FF | 5A | 36 |
RGB percentages
CMYK percentages
Shades #FF5A36
Tints #FF5A36
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
Portland Orange on black
Portland Orange sample text
Portland Orange on white
Portland Orange sample text
#FF5A36 CSS codes
.background { background-color: #FF5A36; }
.text { color: #FF5A36; }
.border { border: 3px solid #FF5A36; }
.shadow { box-shadow: 0 8px 28px rgba(255, 90, 54, 0.35); }
CSS preview
Accessibility
Contrast on white3.1:1Large text
Contrast on black6.77:1AA
Web safe#FF6633Near
Luminance0.28840-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
EnglishPortland Orange
PortuguêsPortland laranja
EspañolPortland naranja
한국어Portland 주황
日本語Portland オレンジ
中文Portland 橙色
DeutschPortland Orange
FrançaisPortland orange
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with Portland Orange.