Mellowtide Grid Accent

Mellow Yellow
#fff4a1
Tide Blush
#ffc2be
Grid Mist
#f2f4f6
Accent Violet
#e8d9ff
Cream Shell
#fff9f2
Shadow Base
#212122

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Accent Violet #e8d9ff i Cream Shell #fff9f2. Paleta ma temperaturę kolorów Ciepły, Neutralny.

Według jasności paleta rozciąga się od #212122 (najciemniejszy) do #FFF9F2 (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie wydaje się żywe (wysoka chroma).

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Większość próbek odczytuje się jako neutralne w temperaturze.

Kody HEX (posortowane): #212122, #E8D9FF, #F2F4F6, #FFC2BE, #FFF4A1, #FFF9F2

Paleta Mellowtide Grid Accent zawiera kombinację kolorów kodów 6:

KLĄTWA: #fff4a1, RGB: (255, 244, 161); KLĄTWA: #ffc2be, RGB: (255, 194, 190); KLĄTWA: #f2f4f6, RGB: (242, 244, 246)

KLĄTWA: #e8d9ff, RGB: (232, 217, 255); KLĄTWA: #fff9f2, RGB: (255, 249, 242); KLĄTWA: #212122, RGB: (33, 33, 34)

Uproszczona wersja palety kolorów

Cień Khaki, Odcień Różowy, Odcień whitesmoke, Odcień lavender, Odcień floralwhite, Cień Czarny

Schemat kolorów został stworzony przez colorhunt

Więcej palet z:

Kody kolorów w palecie

Mellowtide Grid Accent kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#fff4a1	#fff4a1	RGB(255, 244, 161)	Mellow Yellow	Candle Flame
#ffc2be	#ffc2be	RGB(255, 194, 190)	Tide Blush	—
#f2f4f6	#f2f4f6	RGB(242, 244, 246)	Grid Mist	—
#e8d9ff	#e8d9ff	RGB(232, 217, 255)	Accent Violet	—
#fff9f2	#fff9f2	RGB(255, 249, 242)	Cream Shell	—
#212122	#212122	RGB(33, 33, 34)	Shadow Base	—

Kontrast palety kolorów

10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#fff4a1	#ffc2be	1.36
#fff4a1	#f2f4f6	1.01
#fff4a1	#e8d9ff	1.18
#fff4a1	#fff9f2	1.07
#ffc2be	#f2f4f6	1.38
#ffc2be	#e8d9ff	1.15

Paleta obrazów Mellowtide Grid Accent png

--color-mellow-yellow:	#fff4a1;
--color-tide-blush:	#ffc2be;
--color-grid-mist:	#f2f4f6;
--color-accent-violet:	#e8d9ff;
--color-cream-shell:	#fff9f2;
--color-shadow-base:	#212122;

$color-mellow-yellow:	#fff4a1;
$color-tide-blush:	#ffc2be;
$color-grid-mist:	#f2f4f6;
$color-accent-violet:	#e8d9ff;
$color-cream-shell:	#fff9f2;
$color-shadow-base:	#212122;

@color-mellow-yellow:	#fff4a1;
@color-tide-blush:	#ffc2be;
@color-grid-mist:	#f2f4f6;
@color-accent-violet:	#e8d9ff;
@color-cream-shell:	#fff9f2;
@color-shadow-base:	#212122;