Serene Sea
Also known as: Stormfang, Ocean Surf, Soul Blue, Afloat
Expect calm and trustworthy associations from Serene Sea — a soft blue well suited to finance apps and trust-driven interfaces. Set it against a orange accent when you want the combination to pop. Against dark backgrounds it stays legible (8.11:1), but avoid it as text on white.
Serene Sea color codes
- HEX
- #78A7C3
- RGB
- rgb(120, 167, 195)
- RGBA
- rgba(120, 167, 195, 1)
- HSL
- hsl(202, 38%, 62%)
- HSV
- hsv(202, 38%, 76%)
- CMYK
- cmyk(38%, 14%, 0%, 24%)
- LAB
- lab(65.9 -10.9 -19.7)
- OKLCH
- oklch(70.5% 0.065 235.1)
Color intelligence
Displays accurately on every screen and translates well to print.
Temperature
cool
Nearest standard colors
- CSS: cornflowerblue#6495ED · ΔE 10.0
- RAL 5024 — Pastel blue#6A93B0 · ΔE 6.3 · approximate
RAL values are widely published approximations of the physical standard. For Pantone-adjacent workflows, match by eye against a physical fan deck — Pantone's values are proprietary and device-dependent, so we don't print lookups.
Where Serene Sea works
- Web & UI: Use it decoratively — dividers, chart series, illustration accents — and let neutrals carry the type.
- Interiors: Use it where you want the eye to land — front door, built-ins, or one bold wall.
- Fashion: One garment in this color carries an outfit; two starts to compete.
- Branding: The safest brand-primary family there is; differentiate with an unexpected accent.
- Branding: Best in a brand's supporting palette — packaging interiors, patterns, campaign accents.
Copy as — every ecosystem
Tints, shades, and tones of Serene Sea
Tints (lighter)
Shades (darker)
Color harmonies
Palettes built from Serene Sea by rotating its hue in OKLCH space. Click any swatch to copy its hex code.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Contrast & accessibility
Aa — on white
contrast 2.59:1
AA failAAA failAA large fail
Aa — on black
contrast 8.11:1
AA passAAA passAA large pass
Best text color on a Serene Sea background: #000000
Palettes featuring Serene Sea
Serene Sea with its complement
Soft neighbors of Serene Sea
Serene Sea triad
Similar colors
- Grauzone#85A3B2 · ΔE 4.8
- Surgical#59A4C1 · ΔE 4.9
- High Tide#85A6C8 · ΔE 5.0
- Shipmate#7AA3CC · ΔE 5.1
- Cousteau#55A9D6 · ΔE 5.2
- Sub-Zero#57A1CE · ΔE 5.2
Looking for maximum contrast instead? The complement of Serene Sea is closest to Macaroon.
Serene Sea FAQs
What color is Serene Sea?
Serene Sea is a medium blue with the hex code #78A7C3. In HSL terms it has a hue of 202°, 38% saturation, and 62% lightness.
What is the hex code for Serene Sea?
The hex code for Serene Sea is #78A7C3. In RGB it's rgb(120, 167, 195), and in CMYK it's cmyk(38%, 14%, 0%, 24%).
What colors go well with Serene Sea?
Serene Sea pairs naturally with orange tones from its complementary harmony, and with red accents from its split-complementary palette. Its own tints and shades always work as a monochrome scheme.
Got a photo with a color like this? Identify it with the analyzer — free, instant, private.