#A8D8C0 Dugggrønn Silke

    Generer fargekoder, variasjoner, harmonier, og sjekk kontrastforhold.

    Fargekonvertering

    HEX

    #a8d8c0

    HEX
    #a8d8c0
    HSL
    150, 38, 75
    RGB
    168, 216, 192
    XYZ
    50, 61, 59
    CMYK
    22, 0, 11, 15
    LUV
    83,-12,19
    LAB
    83, -20, 7
    HWB
    150, 66, 15

    Varianter

    Formålet med denne seksjonen er å nøyaktig produsere nyanser (ren hvit tilsatt) og toner (ren svart tilsatt) av den valgte fargen din i 10% økninger.

    Profftips: Bruk toner for hover-tilstander og skygger, nyanser for høydepunkter og bakgrunner.

    Toner

    Mørkere varianter laget ved å legge til svart til basisfargen din.

    Nyanser

    Lysere varianter laget ved å legge til hvit til basisfargen din.

    Vanlige bruksområder

    • UI-komponenttilstander (hover, aktiv, deaktivert)
    • Skape dybde med skygger og høydepunkter
    • Bygge konsistente fargesystemer

    Designsystemtips

    Disse variantene danner grunnlaget for en sammenhengende fargepalett. Eksporter dem for å opprettholde konsistens i hele prosjektet ditt.

    Fargekombinasjoner

    Hver harmoni har sin egen stemning. Bruk harmonier for å brainstorme fargekombinasjoner som fungerer godt sammen.

    Hvordan bruke

    Klikk på en hvilken som helst farge for å kopiere dens hex-verdi. Disse kombinasjonene er matematisk bevist å skape visuell harmoni.

    Hvorfor det er viktig

    Fargeharmonier skaper balanse og fremkaller spesifikke følelser i designene dine.

    Komplementær

    En farge og dens motsatte på fargehjulet, +180 grader av nyanse. Høy kontrast.

    #a8d8c0
    Best for: Høy-effekt design, CTAer, logoer

    Delt-komplementær

    En farge og to tilstøtende til dens komplementær, +/-30 grader av nyanse fra verdien motsatt hovedfargen. Drastisk som en rett komplementær, men mer allsidig.

    Best for: Livlige, men balanserte oppsett

    Triadisk

    Tre farger jevnt fordelt langs fargehjulet, hver 120 grader av nyanse fra hverandre. Best å la én farge dominere og bruke de andre som aksenter.

    Best for: Lekne, energiske design

    Analoge

    Tre farger med samme luminans og metning med nyanser som er tilstøtende på fargehjulet, 30 grader fra hverandre. Glatte overganger.

    Best for: Naturinspirerte, beroligende grensesnitt

    Monokromatisk

    Tre farger med samme nyanse med luminansverdier +/-50%. Subtilt og raffinert.

    Best for: Minimalistiske, sofistikerte design

    Tetradisk

    To sett med komplementære farger, adskilt med 60 graders fargetone.

    Best for: Rike, mangfoldige fargepaletter

    Fargelæreprinsipper

    Balanse

    Bruk én dominerende farge, støtt med sekundære, og bruk aksenter sparsomt.

    Kontrast

    Sørg for tilstrekkelig kontrast for lesbarhet og tilgjengelighet.

    Harmoni

    Farger bør fungere sammen for å skape en enhetlig visuell opplevelse.

    Fargekontrastkontroll

    Test fargekombinasjoner for å sikre at de oppfyller WCAG-tilgjengelighetsstandarder for tekstlesbarhet.

    Tekstfarge
    Bakgrunnsfarge
    Kontrast
    1.00
    Fail
    Veldig dårlig
    Liten tekst
    ✖︎
    Stor tekst
    ✖︎
    WCAG-standarder
    AA:Minimum kontrastforhold på 4.5:1 for normal tekst og 3:1 for stor tekst. Kreves for de fleste nettsteder.
    AAA:Forbedret kontrastforhold på 7:1 for normal tekst og 4.5:1 for stor tekst. Anbefalt for optimal tilgjengelighet.
    Utilstrekkelig kontrast for alle tekststørrelser - oppfyller ikke WCAG-standarder.

    Avansert kontrastsjekker

    Finjuster med skyveknapper, flere forhåndsvisninger og mer

    Alle er et geni. Men hvis du dømmer en fisk etter dens evne til å klatre i et tre, vil den leve hele livet og tro at den er dum.

    - Albert Einstein

    Tekniske formater

    Praktiske formater

    Fargeanalyse

    Blindhetssimulator

    Kreative aspekter

    Ofte stilte spørsmål

    Hvilken farge er #A8D8C0?
    #A8D8C0 er Dugggrønn Silke – En sart, kremet mint med en tydelig kjølig undertone som minner om fuktig løvverk i morgenlys. Den gir en forsiktig følelse av friskhet og omsorg, som beroliger uten å bli distansert.
    Hva symboliserer Dugggrønn Silke?
    helse og velvære, ny begynnelse, naturlighet, økologisk ansvarlighet, subtil luksus. I nordiske sammenhenger forbindes den med frisk natur og funksjonell ro; i japansk estetikk kan den oppfattes som wabi-sabi-vennlig — dempet og uanstrengt skjønnhet; i vestlig merkevarebygging assosieres den ofte med øko-bevissthet og moderne helseprodukter.
    Hvor brukes Dugggrønn Silke i design?
    I et rom demper denne tonen stressnivået ved å koble til naturassosiasjoner og myke visuelle kanter. I digital design skaper den en luftig, ikke-påtrengende bakgrunn som lar innholdet stå frem uten å konkurrere.
    Hvilke farger passer godt med Dugggrønn Silke?
    colorCode.seoFaqPairingAnswer #57273F: Dyp bærfarge — direkte komplementærkontrast som gir funksjonell klarhet for CTA og typografi (komplementærharmoni).. #6FBF9A: Mørkere analog grønn/teal for dybde og lagdeling uten å bryte den kjølige familien (analog harmoni).. #9AA8D8: Myk periwinkle som en dempet triadisk aksent som gir kjølig balanse og subtil fargekontrast (triadisk harmoni)..
    Hvordan påvirker Dugggrønn Silke humøret?
    rolig fornyelse med dempet eleganse Førsteinntrykket er en mild lettelse og en følelse av å bli tatt vare på. colorCode.seoFaqMoodTraits
    Hvilke bransjer bruker Dugggrønn Silke?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Hva er historien til Dugggrønn Silke?
    Tidlige varianter av mint- og grønnaktige toner stammer fra mineralpigmenter som malakitt og senere verdigris, men de meget myke, kremete tonene nær Dugggrønn Silke ble mulig først med utviklingen av moderne, stabile grønnpigmenter og syntetiske pigmentblandinger på 1800–1900-tallet.
    Hvordan bruke Dugggrønn Silke i design?
    Oppretthold kontrast og hierarki: denne myke minten fungerer best som omgivelsesfarge, ikke hovedsignal.colorCode.seoFaqDesignDo
    Er Dugggrønn Silke tilgjengelig?
    colorCode.seoFaqAccessibilityAnswer Oppfyller WCAG AA for normal og stor tekst.