Phetoho ea Mebala
#218fc9Beacon Tide
Mabapi le 'mala ona
Crisp confidence with approachable energy
A crisp marine blue with a bright cyan edge that reads clear and modern at medium light levels. It feels like brisk clarity—confident, alert, and quietly energetic.
Keletso ea moqapi: Use Beacon Tide (#218FC9) at full saturation for primary CTAs on white or very light backgrounds; pair it with a 16px white label in a 700-weight geometric sans (e.g., Montserrat/Inter) and add a 0.12em darker hover by reducing lightness ~10% for tactile feedback.
Nyeoe e ntle ka ho fetisisa ea tšebeliso: Primary call-to-action buttons and interactive controls in B2B SaaS dashboards where clarity and trustworthiness must read as lively and decisive.
Psychology
Litšobotsi tsa kelello le likamano tsa maikutlo
Phello
In interfaces and spaces, Beacon Tide sharpens perceived clarity and directs attention without feeling aggressive. It boosts perceived competence and readability when used for interaction points or informative accents.
Tšusumetso ea maikutlo
A brisk uplift — viewers feel alert and reassured rather than overwhelmed.
Moelelo le tšoantšetso
Matšoao a setso le bohlokoa ba sona
Bohlokoa ba setso
In Western corporate contexts this blue reads as trustworthy and professional; in Mediterranean cultures it recalls sea, boats, and coastal life (familiarity and freshness); in parts of the Middle East and North Africa blue is also protective and is used in talismans and architecture to ward off misfortune.
Likamano tse ntle
Associated with trust and reliability in Western branding, and with protection and maritime heritage in Mediterranean and Middle Eastern contexts.
Likamano tse mpe
Can be read as overly corporate or cold in some East Asian design contexts where warmer reds or greens signal friendliness; in certain traditional settings a vibrant industrial blue may feel synthetic or inauthentic.
Lisebelisoa tsa moralo
Mokhoa oo 'mala ona o sebelisoang ka oona masimong a fapaneng
SaaS dashboard CTAs
Beacon Tide creates a high-visibility, trustworthy CTA that reads active and decisive against white or very light greys, improving click-through clarity.
Wayfinding signage in transit or ports
Its maritime resonance and legibility at medium distances make it excellent for directional icons and emergency signage where clarity is essential.
Athletic and swimwear accents
The color reads energetic and aquatic, giving sports garments or swim trims a dynamic, oceanic highlight that photographs well.
Product packaging for tech or wellness
As a packaging accent it signals modernity and freshness, working well on matte white boards or recycled kraft when paired with metallic or neutral type.
Environmental graphics and murals
Its vivid but not neon character scales across large surfaces, offering a clean, cooling backdrop for layered typography or iconography.
Tataiso ea moralo
Malebela a sebetsang a ho sebelisa 'mala ona ka katleho meralong ea hau
Etsa sena
- + Use Beacon Tide as a dominant accent (buttons, icons, links) on neutral backgrounds (white or very pale grey) for maximum legibility and perceived trust.
- + Provide a tactile hover state by reducing lightness ~8–12% or adding a semi-opaque black overlay at 8–12% to signal interactivity.
- + Pair it with warm complementary accents (see DE7036) in small doses to energize layouts without losing professional tone.
Qoba sena
- - Don't use it as a large-area background in small, intimate UI elements—its intensity can make text harder to read if contrast isn't adjusted.
- - Don't combine it with highly saturated adjacent cyan-greens without a neutral buffer; that creates visual vibration.
- - Don't rely on it for subtle hierarchy — it reads as a primary attention color and will overpower softer accents if used indiscriminately.
Lintho tsa motheo: Maintain clear contrast hierarchy—Beacon Tide is best used for primary interactive and directional elements while neutrals and warmer accents provide balance.
Kotsi ea ho sebelisa ho feta tekano: If Beacon Tide dominates a design it flattens perceived texture and can start to read as clinical or overly corporate; attention becomes diffuse and warmer accents are needed to humanize the palette. Use it as a directional or accent color rather than the only visual focus.
Ho lekana ha cha
Liindasteri le mefuta-futa ea lihlahisoa tse lumellanang le 'mala ona
Boemo ba ts'epo
high
Ho teba
balanced
Mokhoa
Ho kopanya mebala
Mebala e tlatsanang le ho ntlafatsa moriti ona
#DE7036
Complementary—warm, burnt orange contrast energizes CTAs and creates high legibility (complementary harmony).
#124B6F
Analogous/darker anchor—deep marine navy grounds layouts and supports readable typography while staying in the same cool family.
#8ED7FF
Split-analog/air—pale sky-cyan provides a luminous highlight or background wash that harmonizes without competing (analogous harmony).
Litlhahiso tsa ho ngola: Use a geometric sans for UI (Inter, Montserrat, or Poppins); for CTAs use 600–800 weight white text on Beacon Tide; for body text on white use dark neutral (charcoal ~#222) at 400–600 for best legibility.
Bohlokoa ba nalane
Pale le lefa la 'mala ona
Shades very close to Beacon Tide first became reliably available with synthetic blue pigments of the 18th–20th centuries. Prussian blue (early 1700s) opened artists' palettes to deep industrial blues, but the vivid cyan-leaning range we see in Beacon Tide is most directly descended from phthalocyanine (Phthalo) blues and later organic pigments commercialized in the early 20th century.
Across the 20th century, this family of bright, clean blues was embraced in modernist design, nautical signaling, and mid-century product finishes; designers favored the clarity and reproducibility of synthetic blues for posters, signage, and uniforms. Fashion and sportswear used similarly vivid blues for performance garments because they read as both technical and fresh when photographed or displayed under studio lights.
In contemporary design Beacon Tide’s hue is widely used in tech branding, interface elements, and sustainable consumer goods where a balance of approachability and competence is required. Its reproducibility in both print (CMYK-friendly) and digital color spaces makes it a practical, enduring choice for cross-platform identity systems today.
Phapang
Sepheo sa karolo ena ke ho hlahisa li-tints tse nepahetseng (tse tšoeu tse hloekileng) le li-shades (tse ntšo tse hloekileng li kenyelelitsoe) tsa 'mala oo u o khethileng ka 10% increments.
Malebela a Pro: Sebelisa li-shades bakeng sa maemo a holimo le meriti, mebala bakeng sa lintlha tse phahameng le semelo.
Meriti
Liphetoho tse lefifi tse entsoeng ka ho kenyelletsa botšo 'mala oa hau oa motheo.
Tints
Liphetoho tse bobebe tse entsoeng ka ho kenyelletsa bosoeu ho 'mala oa hau oa motheo.
Maemo a Tšebeliso e Tloaelehileng
- • Likarolo tsa likarolo tsa UI (hover, ho sebetsa, ho holofetse)
- • Ho theha botebo bo nang le meriti le lintlha-khōlō
- • Ho aha mekhoa e tsitsitseng ea mebala
Keletso ea Sistimi ea Moralo
Liphetoho tsena li theha motheo oa pente ea mebala e momahaneng. Li romelle kantle ho naha ho boloka botsitso ho projeke eohle ea hau.
Metsoako ea Mebala
Kutloano ka 'ngoe e na le maikutlo a eona. Sebelisa li-harmonies ho nahana ka li-combos tsa mebala tse sebetsang hantle hammoho.
Mokhoa oa ho Sebelisa
Tobetsa 'mala ofe kapa ofe ho kopitsa boleng ba eona ba hex. Metsoako ena e pakoa ke lipalo ho bopa kutloano ea pono.
Lebaka Leo e Leng Bohlokoa
Likopano tsa mebala li theha botsitso le ho tsosa maikutlo a ikhethileng meralong ea hau.
Motlatsi
'Mala le ho fapana ha oona lebiling la mebala, +180 degrees of hue. Phapang e phahameng.
Karohano-tlatsetso
'Mala le tse peli tse bapileng le tlatsetso ea eona, +/-30 likhato tsa 'mala ho tloha boleng bo fapaneng le' mala o moholo. Bold joalo ka tlatsetso e otlolohileng, empa e feto-fetoha le maemo.
Triadic
Mebala e meraro e arohane ka ho lekana lebiling la mebala, e 'ngoe le e 'ngoe e arohane ka likhato tse 120 tsa 'mala. Ho molemo ho lumella 'mala o le mong hore o laole le ho sebelisa e meng joalo ka mantsoe.
E tšoanang
Mebala e meraro ea khanya e tšoanang le ho tlala ka mebala e haufi le lebili la mebala, ka likhato tse 30 ka thoko. Liphetoho tse boreleli.
Monochromatic
Mebala e meraro ea 'mala o tšoanang o nang le boleng ba khanya +/-50%. E poteletseng ebile e hloekisitsoe.
Tetradic
Lihlopha tse peli tsa mebala e tlatsanang, e arohaneng ka likhato tse 60 tsa hue.
Melao-motheo ea Khopolo ea Mebala
Ho leka-lekanya
Sebelisa 'mala o le mong o hlahelletseng, tšehetso e nang le moelelo oa bobeli, le mokhabiso oa lentsoe ka mokhoa o fokolang.
Bapisa
Netefatsa phapang e lekaneng bakeng sa ho baloa le ho fumaneha.
Kutloano
Mebala e lokela ho sebetsa 'moho ho theha boiphihlelo bo kopaneng ba pono.
Mohlahlobi oa Phapang ea Mebala
Lekola metswako ya mebala ho netefatsa hore e fihlella maemo a phihlello a WCAG bakeng sa ho balwa ha mongolo.
Mobala oa Mongolo
Mmala wa bokamorao
Bapisa
Litekanyetso tsa WCAG
Advanced Contrast Checker
Iketsetse hantle ka li-slider, litlhahlobo tse ngata le tse ling
Motho e mong le e mong ke Genius. Empa Haeba U Ahlola Tlhapi ka Bokhoni ba Eona ba ho Hloa Sefate, E Tla Phela Bophelo Bohle ba Eona e Lumela Hore Ke Booatla.