Dichtstbijzijnde benoemde kleur · ΔE 1.02
#7BAAAA
Dichtstbijzijnde benoemde kleur · ΔE 1.02
#7BAAAA
Springt het eruit als knop? Blijft het leesbaar als achtergrond? Is het bruikbaar als badge?
Als een hele site deze als primaire kleur zou gebruiken, zou het zo aanvoelen —
Hoofdtekst komt hier. De primaire kleur bepaalt knoppen en links, tinten vullen achtergronden, tekst gebruikt de kleur met het hoogste contrast.
Aan de slagHarmonieuze schema's gegenereerd uit kleurentheorie.
Hoe deze kleur presteert tegen zwarte en witte tekst.
Witte tekst op deze achtergrond
Aa Verhouding 2.57:1
Zwarte tekst op deze achtergrond
Aa Verhouding 8.17:1
:root {
--color: #7BAAAA;
--color-rgb: 123, 170, 170;
--color-hsl: 180, 21.7%, 57.5%;
}
.bg-color { background-color: #7BAAAA; }
.text-on-color { color: #000000; }
.border-color { border-color: #7BAAAA; }
.gradient {
background-image: linear-gradient(90deg, #7BAAAA 0%, 669999 100%);
}Dichtstbijzijnde officiële code in elk standsysteem, gerangschikt op CIEDE2000.
Officiële kleur uit openbare merkmaterialen (simple-icons CC0 dataset)
Hoe de ouden deze kleur zouden hebben genoemd.
Dezelfde kleur, zoals genoemd in de Japanse traditie.
Gebaseerd op het Machado (2009)-model - zie hoe deze kleur eruitziet voor 8 soorten kleurenzicht.
Normaal zicht
#7BAAAA
Standaard trichromatisch zicht met alle drie kegeltjes die functioneren.
Protanomalie
#93A7AA
Abnormale L kegeltjegevoeligheid (~1% van mannen). Verminderde roodwaarneming.
Protanopie
#A3A5AA
Ontbrekende L kegeltjes (~1% van mannen). Rood is moeilijk waar te nemen.
Deuteranomalie
#8DA2AA
Abnormale M kegeltjegevoeligheid (~6% van mannen). De meest voorkomende tekortkoming.
Deuteranopie
#999DAB
Ontbrekende M kegeltjes (~1% van mannen). Rood en groen worden verward.
Tritanomalie
#74ACAA
Abnormale S kegeltjegevoeligheid (extreem zeldzaam). Verminderde blauw-geel waarneming.
Tritanopie
#6FAEAA
Ontbrekende S kegeltjes (extreem zeldzaam). Blauw en geel worden verward.
Achromatomalie
#8DA2A2
Ernstig verminderd kleurenzicht (~0,001%). Kleuren lijken vervaagd.
Achromatopsie
#A0A0A0
Helemaal geen kleurenzicht (~0,003%). De wereld bestaat uit grijstinten.
Dichtstbijzijnde namen volgens CIEDE2000 waarnemingsafstand.
Kleuren één stap verwijderd in de RGB-ruimte — elk met een eigen profielpagina.
Namen die mensen aan deze kleur hebben gegeven – één hex, eindeloze perspectieven.
…
Aanmelden / Registreren · Meld je aan om kleuren een naam te geven. Je namen worden openbaar met jou als auteur vermeld.
Veelvoorkomende afgeleiden van deze kleur: lichter / donkerder / meer verzadigd / minder verzadigd, plus omgekeerd, grijswaarden, webveilig en de dichtstbijzijnde HTML-benoemde kleur. Klik op een om de pagina te openen.
Kopieer-plakken fragmenten: voorgrondtekst, achtergrond, tekstschaduw en een complementair verloop.
Voorbeeld van tekstleesbaarheid
color: #7BAAAA;Voorbeeld van tekstleesbaarheid
background-color: #7BAAAA;Voorbeeld van tekstleesbaarheid
text-shadow: 0.1em 0.1em 0.15em #7BAAAA;linear-gradient(90deg, #7BAAAA, #AA7B7B)Sleep tint, verzadiging en helderheid om live voor te kijken - vind de versie die goed voelt.
Dit is de kleur met hexcode #7BAAAA. De RGB-kanalen zijn 123, 170, 170; de dichtstbijzijnde leesbare naam is "Solution" (ΔE 1.02, CIEDE2000).
#7BAAAA is rgb(123, 170, 170) in RGB, hsl(180, 21.7%, 57.5%) in HSL en cmyk(27.6%, 0%, 0%, 33.3%) in CMYK.
Zijn complementair #AA7B7B werkt het beste, samen met triadische en analoge harmonieën - zie de harmonie-sectie hieronder om volledige paletten te kopiëren.
Het contrast met zwarte tekst is 8.17:1 en met witte tekst 2.57:1. WCAG 2.1 vereist minimaal 4,5:1 voor hoofdtekst (AA) en 3:1 voor grote tekst.