Beach View
#4f7694
Here's everything about the color Beach View (#4f7694) — its numeric values, nearby shades, and colors that share its hue family.
Color values
| HEX | #4f7694 | |
|---|---|---|
| RGB | rgb(79, 118, 148) | |
| HSL | hsl(206, 30%, 45%) | |
| CMYK | cmyk(47%, 20%, 0%, 42%) | |
| LAB | lab(48, -8, -21) | |
| OKLCH | oklch(0.55 0.064 242) |
Color harmonies
Tints & shades
Code snippets
color: #4f7694;
background-color: #4f7694;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-slate-500 /* ≈ #62748e */
/* Flutter */
Color(0xFF4F7694)
/* Swift / UIKit */
UIColor(red: 0.31, green: 0.46, blue: 0.58, alpha: 1.0)