Palety kolorów

Kolor kobaltowy

Pochodzi od tlenku kobaltu, którym malowano porcelanę i kafle. To intensywny, żywy niebieski. Typowy dla malowanej ceramiki i ubrań w mocnych kolorach.

Inne nazwy: kobalt.

Kobaltowy · #0047AB

Kolor kobaltowy: podstawowe informacje

Kolor kobaltowy (#0047AB) jest zimny, o średniej jasności i bardzo nasycony. Należy do grupy: odcienie niebieskiego. Składa się z 0 czerwieni, 71 zieleni i 171 niebieskiego (w skali do 255). Typowe zastosowania: Ceramika, Moda, Wnętrza.

Kolor kobaltowy: odcienie jasne i ciemne

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

Kolory pasujące do koloru kobaltowy

BiałyCzysty, wyrazisty kontrast.CzarnyElegancki, poważny look.ZłotyDodaje blasku i odświętnego klimatu.SzaryWycisza niebieski i czyni go profesjonalnym.ŻółtyRadosny, sportowy kontrast.PomarańczowyJego kolor dopełniający, bardzo przyciąga wzrok.CamelCiepło i elegancja w jednym.RóżowyNowoczesne, odważne połączenie.
Jak łączyć kolor kobaltowy w ubraniach i wnętrzach →

Kolor kobaltowy: harmonie kolorów

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

DopełniającyZbliżony do: Ochra
AnalogiczneZbliżony do: Zielononiebieski, Ciemnoniebieski
TriadaZbliżony do: Malinowy, Zielony
Dopełnienie rozszczepioneZbliżony do: Ceglasty, Jabłkowy
TetradaZbliżony do: Purpurowy, Ochra, Zielony

Kolor kobaltowy: gotowe palety

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

Paleta monochromatyczna · Kobaltowy
Paleta analogiczna · Kobaltowy
Paleta dopełniająca · Kobaltowy
Paleta triada · Kobaltowy
Paleta z neutralnymi · Kobaltowy
Paleta z akcentem · Kobaltowy

Kolor kobaltowy: kontrast z tekstem

Biały tekstKontrast 8.4:1 · AAA
Czarny tekstKontrast 2.5:1 · Niezalecany

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

Kod CSS

:root {
  --kobaltowy: #0047AB;
  --kobaltowy-rgb: 0, 71, 171;
}
.tlo { background-color: var(--kobaltowy); }
.tekst { color: var(--kobaltowy); }

Kolory podobne do koloru kobaltowy

SzafirowyDżinsowyKrólewski niebieskiBłękit KleinaNocny błękitElektryczny niebieskiUltrafioletNiebieski francuskiWinogronowyAmetystowy

Palety tematyczne z tym kolorem

Palety kolorów na quinceañera (XV años)Palety kolorów na absolutorium i zakończenie szkoły

Inne odcienie niebieskiego

NiebieskiGranatowyBłękitnySzafirowyStalowoniebieskiKrólewski niebieskiElektryczny niebieskiNocny błękitUltramarynaNiebieski francuskiBłękit pruskiPastelowy niebieskiBaby blueDżinsowyBłękit KleinaCiemnoniebieskiJasnoniebieskiLazurowy

Najczęściej zadawane pytania

Jaki jest kod koloru kobaltowy?

Kod HEX koloru kobaltowy to #0047AB. W RGB to rgb(0, 71, 171), w HSL hsl(215, 100%, 34%), a w CMYK 100, 58, 0, 33.

Jaki kolor jest dopełniający dla koloru kobaltowy?

Kolorem dopełniającym na kole barw jest #AB6400, odcień zbliżony do koloru: ochra. 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 kobaltowy?

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

Jakie kolory pasują do koloru kobaltowy?

Dobrze pasuje do: biały, czarny, złoty, szary, żółty. Unikaj łączenia go z równie intensywnymi fioletami lub zieleniami, bo walczą o uwagę. Obok zbyt podobnego granatu może wyglądać na niedopasowany.