Named color

Calypso

#3d7188

hex#3d7188

rgbrgb(61, 113, 136)

hslhsl(198, 38%, 39%)

oklchoklch(0.522 0.066 228.7)

Relative luminance 0.1458

Cool Modern

Open in palette tool Check contrast

Calypso 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

47849e 5395b2 68a2bb 7dafc5 92bcce a4c7d6 b9d4df cee1e9 e3eef2 f8fbfc

Shades — toward black

396a7f 335e71 2e5566 284958 23414d 1c353f 182c35 112027 0d181c 060c0e

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

Harmonies

Complementary

Open in tool →

3d7188 89543e

#89543e

Analogous

Open in tool →

3d7188 3e897a 3e4d89

#3e897a · #3e4d89

Triadic

Open in tool →

3d7188 893e73 73893e

#893e73 · #73893e

Split-complementary

Open in tool →

3d7188 893e4d 897a3e

#893e4d · #897a3e

Tetradic

Open in tool →

3d7188 7a3e89 89543e 4d893e

#7a3e89 · #89543e · #4d893e

Contrast

Calypso as text	Ratio	AA	AA large	AAA	Fix
Aaon white	5.36:1	pass	pass	fail	AAA: use #335e71 as the text (7.05:1)
Aaon black	3.92:1	fail	pass	fail	AA: use #447e97 as the text (4.68:1) AAA: use #619eb8 as the text (7.09:1) AA: or shift the background to #ededed (4.58:1)

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

Brands using this color

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

Fonts for this mood

Calypso reads as cool, modern. The font library is tagged with the same vocabulary:

Modern fonts →

mcpConnect your agent — build around Calypso

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 #3d7188 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/3d7188-9cb3c4-df4e69-1f232d-e9f1f0?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