#6D7464 Skymningsoliv

    Generera färgkoder, variationer, harmonier och kontrollera kontrastförhållanden.

    Färgkonvertering

    HEX

    #6d7464

    HEX
    #6d7464
    HSL
    86, 7, 42
    RGB
    109, 116, 100
    XYZ
    15, 17, 14
    CMYK
    6, 0, 14, 55
    LUV
    48,4,14
    LAB
    48, -6, 8
    HWB
    86, 39, 55

    Variationer

    Syftet med denna sektion är att noggrant producera nyanser (rent vitt tillagt) och skuggor (rent svart tillagt) av din valda färg i 10%-steg.

    Proffstips: Använd skuggor för hover-tillstånd och skuggor, nyanser för highlights och bakgrunder.

    Skuggor

    Mörkare variationer skapade genom att lägga till svart till din basfärg.

    Nyanser

    Ljusa variationer skapade genom att lägga till vitt till din basfärg.

    Vanliga användningsområden

    • UI-komponenttillstånd (hover, aktiv, inaktiverad)
    • Skapa djup med skuggor och highlights
    • Bygga konsekventa färgsystem

    Designsystemtips

    Dessa variationer utgör grunden för en sammanhängande färgpalett. Exportera dem för att behålla konsekvens i hela ditt projekt.

    Färgkombinationer

    Varje harmoni har sin egen stämning. Använd harmonier för att brainstorma färgkombinationer som fungerar bra tillsammans.

    Hur man använder

    Klicka på vilken färg som helst för att kopiera dess hex-värde. Dessa kombinationer är matematiskt bevisade för att skapa visuell harmoni.

    Varför det är viktigt

    Färgharmonier skapar balans och väcker specifika känslor i dina designer.

    Komplement

    En färg och dess motsats på färghjulet, +180 grader av nyans. Hög kontrast.

    #6d7464
    Bäst för: Högkontrastdesign, CTA:er, logotyper

    Delat komplement

    En färg och två intill dess komplement, +/-30 grader av nyans från värdet mittemot huvudfärgen. Djärv som ett rakt komplement, men mer mångsidig.

    Bäst för: Livliga men balanserade layouter

    Triadisk

    Tre färger jämnt fördelade längs färghjulet, var och en 120 grader av nyans isär. Bäst att låta en färg dominera och använda de andra som accenter.

    Bäst för: Lekfulla, energiska designer

    Analog

    Tre färger med samma luminans och mättnad med nyanser som är intill varandra på färghjulet, 30 grader isär. Mjuka övergångar.

    Bäst för: Naturinspirerade, lugnande gränssnitt

    Monokromatisk

    Tre färger med samma nyans med luminansvärden +/-50%. Subtil och förfinad.

    Bäst för: Minimalistiska, sofistikerade designer

    Tetradisk

    Två uppsättningar av komplementfärger, separerade med 60 graders nyans.

    Bäst för: Rika, mångsidiga färgscheman

    Färgteoriprinciper

    Balans

    Använd en dominerande färg, stöd med sekundära och accentuera sparsamt.

    Kontrast

    Säkerställ tillräcklig kontrast för läsbarhet och tillgänglighet.

    Harmoni

    Färger bör samverka för att skapa en enhetlig visuell upplevelse.

    Färgkontrastkontroll

    Testa färgkombinationer för att säkerställa att de uppfyller WCAG:s tillgänglighetsstandarder för textläsbarhet.

    Textfärg
    Bakgrundsfärg
    Kontrast
    1.00
    Fail
    Mycket dålig
    Liten text
    ✖︎
    Stor text
    ✖︎
    WCAG-standarder
    AA:Minsta kontrastförhållande på {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} för normal text och 3:1 för stor text. Krävs för de flesta webbplatser.
    AAA:Förbättrat kontrastförhållande på 7:1 för normal text och {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} för stor text. Rekommenderas för optimal tillgänglighet.
    Otillräcklig kontrast för alla textstorlekar - uppfyller inte WCAG-standarder.

    Avancerad kontrastkontroll

    Finjustera med reglage, flera förhandsvisningar & mer

    Alla är ett geni. Men om du dömer en fisk efter dess förmåga att klättra i träd, kommer den att leva hela sitt liv i tron att den är dum.

    - Albert Einstein

    Tekniska format

    Praktiska format

    Färganalys

    Blindhetssimulator

    Kreativa aspekter

    Vanliga frågor

    Vad är det för färg #6D7464?
    #6D7464 är Skymningsoliv – En dämpad, grågrön olivton med låg mättnad och en nästan stenlik matt yta. Den skapar en stillsam, jordnära trygghet som känns både vuxen och omtänksam.
    Vad symboliserar Skymningsoliv?
    jordens styrka, åldrad elegans, praktisk uthållighet, diskret autenticitet, militär/utility-arv. I europeisk design förknippas liknande olivtoner ofta med lantlighet och rotad stil; i amerikansk kontext väcker den associationer till friluftsliv och militär uniform; i vissa medelhavskulturer kan olivfärger också anspela på olivträdets långlivade symbolik och jordbrukstradition.
    Var används Skymningsoliv i design?
    I ett rum lugnar Skymningsoliv ner ögat och skapar en känsla av förankring utan att dominera. I grafiska system ger den en vuxen, trovärdig bas som låter accentfärger tala utan att kännas barnslig.
    Vilka färger passar bra med Skymningsoliv?
    colorCode.seoFaqPairingAnswer #6D5C74: Komplementär/muted mauve som ger subtil kontrast utan att bli skrikig (komplementär harmoni).. #8B9060: Analog, varmare khaki-gul som fördjupar den jordnära paletten och behåller lugnet (analog harmoni).. #5C6A8B: Dämpad slätblå som skapar en sval triadisk kontrast och ger visuell balans utan hög saturation (triadisk/kontrast)..
    Hur påverkar Skymningsoliv humöret?
    Stabil, jordnära trygghet med låg dramatik En omedelbar känsla av lugn och praktisk trygghet. colorCode.seoFaqMoodTraits
    Vilka industrier använder Skymningsoliv?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Vad är historien bakom Skymningsoliv?
    Den här typen av dämpad olivgrön har rötter i pigment som 'green earth' (terra verde) och järnbaserade jordpigment som användes redan under renässansen för undermålningar och hudton-korrigeringar. Bland konstnärer blandades också små mängder umbra och gult för att nå samma dämpade, grågröna nyans.
    Hur används Skymningsoliv i design?
    Säkerställ kontrast och temperaturbalans: Skymningsoliv behöver varma eller mauve-accenter för att öppna upp och skapa hierarki.colorCode.seoFaqDesignDo
    Är Skymningsoliv tillgänglig?
    colorCode.seoFaqAccessibilityAnswer Uppfyller WCAG AA för normal och stor text.