Palety kolorów

Kolor barwinkowy

Delikatny niebieski z lekkim lawendowym odcieniem. Nazwa pochodzi od barwinka, niewielkiej rośliny o niebiesko-fioletowych kwiatach. Lubiany na wiosenne śluby, do sypialni i w lekkiej letniej modzie.

Inne nazwy: periwinkle, barwinek.

Otwórz w edytorze

Kod HEX koloru barwinkowy to #CCCCFF. W RGB to rgb(204, 204, 255), w HSL hsl(240, 100%, 90%), a w CMYK 20, 20, 0, 0.

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 barwinkowy

Pastelowy liliowy#DCD0FFJasnofioletowy#CBC3E3Ostowy#D8BFD8Liliowy#C8A2C8Glicyniowy#C9A0DCMalwowy#E0B0FF

Kolor barwinkowy: podstawowe informacje

Kolor barwinkowy (#CCCCFF) jest zimny, jasny i bardzo nasycony. Należy do grupy: odcienie niebieskiego. Składa się z 204 czerwieni, 204 zieleni i 255 niebieskiego (w skali do 255). Typowe zastosowania: Wnętrza, Śluby, Moda.

Próbka koloru Barwinkowy z odcieniami od jasnego do ciemnego · #CCCCFF
Barwinkowy · #CCCCFF

Kolor barwinkowy: odcienie jasne i ciemne

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

Zobacz wszystkie odcienie: Generator odcieni kolorów

Kolor barwinkowy: harmonie kolorów

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

DopełniającyZbliżony do: Kremowy
AnalogiczneZbliżony do: Jasnoniebieski, Pastelowy liliowy
TriadaZbliżony do: Różowy kwarc, Seledynowy
Dopełnienie rozszczepioneZbliżony do: Szampański, Kremowy
TetradaZbliżony do: Róż waty cukrowej, Kremowy, Błękit kaczego jaja

Kolor barwinkowy: gotowe palety

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

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

Kolor barwinkowy: kontrast z tekstem

Biały tekstKontrast 1.5:1 · Niezalecany
Czarny tekstKontrast 13.6:1 · AAA

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

Kod CSS

:root {
  --barwinkowy: #CCCCFF;
  --barwinkowy-rgb: 204, 204, 255;
}
.tlo { background-color: var(--barwinkowy); }
.tekst { color: var(--barwinkowy); }

Kolory podobne do koloru barwinkowy

Baby bluePastelowy niebieskiMagnoliowyJasnoniebieski

Palety tematyczne z tym kolorem

Palety kolorów na urodzinyPalety kolorów do aplikacji mobilnejWielkanocne palety kolorówLiliowe palety kolorów

Inne odcienie niebieskiego

NiebieskiGranatowyBłękitnyKobaltowySzafirowyStalowoniebieskiKrólewski niebieskiElektryczny niebieskiNocny błękitUltramarynaNiebieski francuskiBłękit pruskiPastelowy niebieskiBaby blueDżinsowyBłękit KleinaCiemnoniebieskiJasnoniebieskiLazurowyAzurowyChabrowyPrzydymiony niebieskiBłękit oceanuPudrowy niebieski
Próbka koloru Barwinkowy z odcieniami od jasnego do ciemnego · #CCCCFF
Próbka koloru Barwinkowy z odcieniami od jasnego do ciemnego · #CCCCFF

Wypróbuj też

Paleta kolorów z imieniaWpisz imię i odbierz własną paletę kolorówAnaliza kolorystyczna z selfiePoznaj swój typ urody i najlepsze kolory z jednego zdjęciaJakiego koloru jest Twój głos?Mów przez 5 sekund i zamień swój głos w kolor
Zobacz wszystkie darmowe narzędzia →

Najczęściej zadawane pytania

Jaki jest kod koloru barwinkowy?

Kod HEX koloru barwinkowy to #CCCCFF. W RGB to rgb(204, 204, 255), w HSL hsl(240, 100%, 90%), a w CMYK 20, 20, 0, 0.

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

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

Lepiej użyj czarnego tekstu: kontrast z białym to tylko 1.5:1, a z czarnym 13.6:1.