Into the Blue
#4f7ba7
Into the Blue, represented by the hex value #4f7ba7, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #4f7ba7 | |
|---|---|---|
| RGB | rgb(79, 123, 167) | |
| HSL | hsl(210, 36%, 48%) | |
| CMYK | cmyk(53%, 26%, 0%, 35%) | |
| LAB | lab(50, -6, -29) | |
| OKLCH | oklch(0.57 0.084 249) |
Color harmonies
Tints & shades
Code snippets
color: #4f7ba7;
background-color: #4f7ba7;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-slate-500 /* ≈ #62748e */
/* Flutter */
Color(0xFF4F7BA7)
/* Swift / UIKit */
UIColor(red: 0.31, green: 0.48, blue: 0.65, alpha: 1.0)