Palety kolorów

Kolor łupkowy niebieski

Średni niebieski wpadający w fiolet, o chłodnym, lekko przydymionym charakterze. To standardowy kolor webowy, dobry do przycisków, ikon i ilustracji. We wnętrzach wygląda nowocześnie i spokojnie.

Inne nazwy: slate blue.

Otwórz w edytorze

Kod HEX koloru łupkowy niebieski to #6A5ACD. W RGB to rgb(106, 90, 205), w HSL hsl(248, 53%, 58%), a w CMYK 48, 56, 0, 20.

Zobacz w praktyce

Wybierz kolor do połączenia i zobacz, jak wygląda na ubraniach, we wnętrzu i w projekcie.

Kolory podobne do koloru łupkowy niebieski

Królewski niebieski#4169E1Ametystowy#9966CCSzafirowy#0F52BAKrólewski fiolet#7851A9Kobaltowy#0047ABWinogronowy#6F2DA8

Kolor łupkowy niebieski: podstawowe informacje

Kolor łupkowy niebieski (#6A5ACD) jest zimny, o średniej jasności i o średnim nasyceniu. Należy do grupy: odcienie niebieskiego. Składa się z 106 czerwieni, 90 zieleni i 205 niebieskiego (w skali do 255). Typowe zastosowania: Web, Grafika, Wnętrza.

Próbka koloru Łupkowy niebieski z odcieniami od jasnego do ciemnego · #6A5ACD
Łupkowy niebieski · #6A5ACD

Kolor łupkowy niebieski: odcienie jasne i ciemne

Od najjaśniejszego do najciemniejszego. Kliknij odcień, żeby skopiować jego kod.

Zobacz wszystkie odcienie: Generator odcieni kolorów

Kolor łupkowy niebieski: harmonie kolorów

Połączenia oparte na kole barw. Więcej w narzędziu harmonie kolorów.

DopełniającyZbliżony do: Mosiężny
AnalogiczneZbliżony do: Chabrowy, Ametystowy
TriadaZbliżony do: Terakota, Pastelowy zielony
Dopełnienie rozszczepioneZbliżony do: Płowy, Pastelowy zielony
TetradaZbliżony do: Rumieniec, Mosiężny, Turkusowy

Kolor łupkowy niebieski: gotowe palety

Skopiuj kody albo otwórz paletę w edytorze, żeby ją dopasować.

Paleta monochromatyczna · Łupkowy niebieski
Paleta analogiczna · Łupkowy niebieski
Paleta dopełniająca · Łupkowy niebieski
Paleta triada · Łupkowy niebieski
Paleta z neutralnymi · Łupkowy niebieski
Paleta z akcentem · Łupkowy niebieski

Kolor łupkowy niebieski: kontrast z tekstem

Biały tekstKontrast 5.3:1 · AA
Czarny tekstKontrast 4.0:1 · AA duży tekst

Według wytycznych WCAG 2.1. Inne pary sprawdzisz w narzędziu do sprawdzania kontrastu.

Kod CSS

:root {
  --lupkowy-niebieski: #6A5ACD;
  --lupkowy-niebieski-rgb: 106, 90, 205;
}
.tlo { background-color: var(--lupkowy-niebieski); }
.tekst { color: var(--lupkowy-niebieski); }

Kolory podobne do koloru łupkowy niebieski

Elektryczny niebieskiBłękit KleinaDżinsowyAzurowy

Inne odcienie niebieskiego

NiebieskiGranatowyBłękitnyKobaltowySzafirowyStalowoniebieskiKrólewski niebieskiElektryczny niebieskiNocny błękitUltramarynaNiebieski francuskiBłękit pruskiPastelowy niebieskiBaby blueDżinsowyBłękit KleinaCiemnoniebieskiJasnoniebieskiLazurowyBarwinkowyAzurowyChabrowyPrzydymiony niebieskiBłękit oceanu
Próbka koloru Łupkowy niebieski z odcieniami od jasnego do ciemnego · #6A5ACD
Próbka koloru Łupkowy niebieski z odcieniami od jasnego do ciemnego · #6A5ACD

Wypróbuj też

Paleta kolorów z imieniaWpisz imię i odbierz własną paletę kolorówKoło fortunyWpisz swoje opcje i zakręć. Także koło kolorówMaszyna losująca koloryPociągnij za dźwignię i wylosuj paletę kolorów
Zobacz wszystkie darmowe narzędzia →

Najczęściej zadawane pytania

Jaki jest kod koloru łupkowy niebieski?

Kod HEX koloru łupkowy niebieski to #6A5ACD. W RGB to rgb(106, 90, 205), w HSL hsl(248, 53%, 58%), a w CMYK 48, 56, 0, 20.

Jaki kolor jest dopełniający dla koloru łupkowy niebieski?

Kolorem dopełniającym na kole barw jest #BDCD5A, odcień zbliżony do koloru: mosiężny. Użyty w małych ilościach służy jako akcent i daje duży kontrast.

Czy biały tekst jest czytelny na tle w kolorze łupkowy niebieski?

Tak. Kontrast z białym wynosi 5.3:1, co wystarcza dla zwykłego tekstu (WCAG AA).