Named color

Beach View

#4f7694

hex#4f7694

rgbrgb(79, 118, 148)

hslhsl(206, 30%, 45%)

oklchoklch(0.549 0.064 242.4)

Relative luminance 0.1676

Cool Muted

Open in palette tool Check contrast

Beach View on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the curated palettes it appears in and any public brand that adopts it.

Tints & shades

Tints — toward white

5985a6 6d93b0 7ea0b9 8eacc2 a2bacd b3c7d6 c3d3df d4dfe8 e8eef3 f8fafb

Shades — toward black

496d88 42627b 3b586d 344d60 2d4253 243542 1d2a35 152028 0e151b 070b0d

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

4f7694 956e50

#956e50

Analogous

Open in tool →

4f7694 509591 505595

#509591 · #505595

Triadic

Open in tool →

4f7694 955077 779550

#955077 · #779550

Split-complementary

Open in tool →

4f7694 955055 959150

#955055 · #959150

Tetradic

Open in tool →

4f7694 915095 956e50 559550

#915095 · #956e50 · #559550

Contrast

Beach View as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.83:1	pass	pass	fail	AAA: use #3d5a71 as the text (7.24:1)
Aaon black	4.35:1	fail	pass	fail	AA: use #527a98 as the text (4.6:1) AAA: use #779bb6 as the text (7.15:1) AA: or shift the background to #f7f7f7 (4.5:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Beach View as the background.

Brands using this color

No public brand in the corpus uses this exact color yet. Extract a brand to add one.

Palettes built around it

e63946 457b9d f4a261 fff4e0 23201c

Retro Pop

Open in tool →

Fifties-diner red and steel blue with a peach — nostalgic pop that still passes contrast.

Playful Bold Warm

mcpConnect your agent — build around Beach View

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #4f7694 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/4f7694-9caec4-df4e56-1f212d-e9f1f1?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md