Opulent Orange
#f16640
Opulent Orange, represented by the hex value #f16640, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #f16640 | |
|---|---|---|
| RGB | rgb(241, 102, 64) | |
| HSL | hsl(13, 86%, 60%) | |
| CMYK | cmyk(0%, 58%, 73%, 5%) | |
| LAB | lab(61, 53, 49) | |
| OKLCH | oklch(0.68 0.18 36) |
Color harmonies
Tints & shades
Code snippets
color: #f16640;
background-color: #f16640;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-orange-500 /* ≈ #ff6900 */
/* Flutter */
Color(0xFFF16640)
/* Swift / UIKit */
UIColor(red: 0.95, green: 0.40, blue: 0.25, alpha: 1.0)