#0F4F4F Diepfjord Teal

    Genereer kleurcodes, variaties, harmonieën en controleer contrastverhoudingen.

    Kleurconversie

    HEX

    #0f4f4f

    HEX
    #0f4f4f
    HSL
    180, 68, 18
    RGB
    15, 79, 79
    XYZ
    4, 6, 8
    CMYK
    81, 0, 0, 69
    LUV
    30,-18,-2
    LAB
    30, -19, -6
    HWB
    180, 6, 69

    Variaties

    Het doel van deze sectie is om nauwkeurig tinten (puur wit toegevoegd) en schaduwen (puur zwart toegevoegd) van jouw geselecteerde kleur in stappen van 10% te produceren.

    Pro Tip: Gebruik schaduwen voor hover-states en schaduwen, tinten voor highlights en achtergronden.

    Schaduwen

    Donkere variaties gecreëerd door zwart toe te voegen aan jouw basiskleur.

    Tinten

    Lichtere variaties gecreëerd door wit toe te voegen aan jouw basiskleur.

    Veelvoorkomende gebruikssituaties

    • UI-componentstaten (hover, actief, uitgeschakeld)
    • Diepte creëren met schaduwen en highlights
    • Consistente kleursystemen bouwen

    Design System Tip

    Deze variaties vormen de basis van een samenhangend kleurenpalet. Exporteer ze om consistentie in je hele project te behouden.

    Kleurencombinaties

    Elke harmonie heeft zijn eigen sfeer. Gebruik harmonieën om kleurcombinaties te bedenken die goed bij elkaar passen.

    Hoe te gebruiken

    Klik op een kleur om de hex-waarde te kopiëren. Deze combinaties zijn wiskundig bewezen visuele harmonie te creëren.

    Waarom het belangrijk is

    Kleurenharmonieën creëren balans en roepen specifieke emoties op in je ontwerpen.

    Complement

    Een kleur en zijn tegenovergestelde op de kleurencirkel, +180 graden van tint. Hoog contrast.

    #0f4f4f
    Beste voor: Impactvolle ontwerpen, CTA's, logo's

    Gesplitst complementair

    Een kleur en twee aangrenzende aan zijn complement, +/-30 graden van tint van de waarde tegenover de hoofdkleur. Gedurfd als een recht complement, maar veelzijdiger.

    Beste voor: Levendige maar gebalanceerde layouts

    Triadisch

    Drie kleuren gelijkmatig verdeeld over de kleurencirkel, elk 120 graden van tint uit elkaar. Beste om één kleur te laten domineren en de anderen als accenten te gebruiken.

    Beste voor: Speelse, energieke ontwerpen

    Analoog

    Drie kleuren met dezelfde luminantie en verzadiging met tinten die naast elkaar liggen op de kleurencirkel, 30 graden uit elkaar. Vloeiende overgangen.

    Beste voor: Natuur-geïnspireerde, rustgevende interfaces

    Monochromatisch

    Drie kleuren van dezelfde tint met luminantiewaarden +/-50%. Subtiel en verfijnd.

    Beste voor: Minimalistische, verfijnde ontwerpen

    Tetradisch

    Twee sets van complementaire kleuren, gescheiden door 60 graden van tint.

    Beste voor: Rijke, diverse kleurenschema's

    Kleurenleer principes

    Balans

    Gebruik één dominante kleur, ondersteun met secundaire, en accentueer spaarzaam.

    Contrast

    Zorg voor voldoende contrast voor leesbaarheid en toegankelijkheid.

    Harmonie

    Kleuren moeten samenwerken om een ​​geïntegreerde visuele ervaring te creëren.

    Kleurcontrastcontrole

    Test kleurcombinaties om te zorgen dat ze voldoen aan de WCAG-toegankelijkheidsnormen voor tekstleesbaarheid.

    Tekstkleur
    Achtergrondkleur
    Contrast
    1.00
    Fail
    Zeer slecht
    Kleine tekst
    ✖︎
    Grote tekst
    ✖︎
    WCAG-normen
    AA:Minimale contrastverhouding van 4.5:1 voor normale tekst en 3:1 voor grote tekst. Vereist voor de meeste websites.
    AAA:Verhoogde contrastverhouding van 7:1 voor normale tekst en 4.5:1 voor grote tekst. Aanbevolen voor optimale toegankelijkheid.
    Onvoldoende contrast voor alle tekstgroottes - voldoet niet aan WCAG-normen.

    Geavanceerde contrastchecker

    Fijn afstemmen met schuifregelaars, meerdere previews & meer

    Iedereen is een genie. Maar als je een vis beoordeelt op zijn vermogen om in een boom te klimmen, zal hij zijn hele leven geloven dat hij dom is.

    - Albert Einstein

    Technische formaten

    Praktische formaten

    Kleuranalyse

    Kleurenblindheid Simulator

    Creatieve aspecten

    Veelgestelde vragen

    Welke kleur is #0F4F4F?
    #0F4F4F is Diepfjord Teal – Een zeer donkere teal met duidelijk groen-blauwe diepte, alsof licht door ijskoud water breekt. Het roept een ingetogen, beheerste kalmte op met een licht mysterieuze ernst.
    Wat symboliseert Diepfjord Teal?
    diepte en stabiliteit, vertrouwen en betrouwbaarheid, discipline en professionaliteit, verbondenheid met water/natuur, gesofistikeerde terughoudendheid. In westerse contexten wordt diepe teal vaak geassocieerd met professionaliteit en luxe; in Aziatische culturen kan het verwijzen naar natuur en genezing; in kust- en maritieme gemeenschappen roept het direct associaties op met zee en navigatie. Interpretatie verschilt: sommigen zien het als modern en zakelijk, anderen als traditioneel en rustgevend.
    Waar wordt Diepfjord Teal gebruikt in design?
    In een ruimte werkt deze tint stabiliserend en concentreert hij aandacht zonder opdringerigheid; het verzacht felle contrasten en bevordert reflectie. In digitale interfaces geeft hij donkere thema’s diepte en een gevoel van vakmanschap, mits gecombineerd met voldoende ligheidscontrast voor toegankelijkheid.
    Welke kleuren passen goed bij Diepfjord Teal?
    colorCode.seoFaqPairingAnswer #4F1F1F: Warm, gedempt roestbruin als complementair/split-complementair contrast; creëert elegante warmte en visuele hiërarchie (complementaire harmonie).. #0F4F2F: Een analoge, dennengroene tint die de groene kant van de teal benadrukt en een natuurlijk, gelaagd palet oplevert (analoge harmonie).. #4F4F0F: Donker mosterd-olijf voor een triadische spanning die retro-luxe oproept en metallic accenten laat schitteren (triadische harmonie)..
    Hoe beïnvloedt Diepfjord Teal de stemming?
    Kale, gecontroleerde sereniteit met stille autoriteit Eerstemeting: rustgevende zekerheid met een vleug mysterie. colorCode.seoFaqMoodTraits
    Welke sectoren gebruiken Diepfjord Teal?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Wat is de geschiedenis van Diepfjord Teal?
    Diepe groen-blauw tinten hebben oude wortels: in antieke samenlevingen werden koperhoudende pigmenten (zoals azuriet en verdigris) en mengsels met verbrande aarde gebruikt om groene-blauwe tonen te bereiken; zulke kleuren verschenen in keramiek en mozaïeken rond de Middellandse Zee en het Midden-Oosten. In Europa werden donkere teal-achtige tonen later bereikt door menging van azuriet of ultramarijn met grovere aardpigmenten en verduurzaamheidstechnieken.
    Hoe gebruik je Diepfjord Teal in design?
    Zorg voor toetsbare contrasten: een donkere, koele tint als deze vereist altijd minimaal één warm of licht element om helderheid en hiërarchie te behouden.colorCode.seoFaqDesignDo
    Is Diepfjord Teal toegankelijk?
    colorCode.seoFaqAccessibilityAnswerVoldoet aan WCAG AA voor normale en grote tekst.