Cookies-835

#50d8d4
#0896c4
#4c4b62
#d9c3b2
#beebad
#8fb233
#133a60
#ffe3f0

Палітра містить світлий кольори. Акцентні кольори #0896c4 та #ffe3f0. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

За світлістю палітра сягає від #133A60 (найтемніший) до #FFE3F0 (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #0896C4, #133A60, #4C4B62, #50D8D4, #8FB233, #BEEBAD, #D9C3B2, #FFE3F0

Палітра Cookies-835 містить комбінацію з 8 кодів кольорів :

HEX: #50d8d4, RGB: (80, 216, 212); HEX: #0896c4, RGB: (8, 150, 196); HEX: #4c4b62, RGB: (76, 75, 98)

HEX: #d9c3b2, RGB: (217, 195, 178); HEX: #beebad, RGB: (190, 235, 173); HEX: #8fb233, RGB: (143, 178, 51)

HEX: #133a60, RGB: (19, 58, 96); HEX: #ffe3f0, RGB: (255, 227, 240)

Спрощений варіант палітри кольорів

Відтінок mediumturquoise, Відтінок steelblue, Відтінок darkslateblue, Відтінок peachpuff, Відтінок lightgreen, Відтінок Жовтозелений, Відтінок darkslateblue, Відтінок lavenderblush

Кольорова схема створена автором isaaczedcasiozamora

Більше палітр з:

Коди кольорів у палітрі

Cookies-835 коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#50d8d4	#50d8d4	RGB(80, 216, 212)	—	—
#0896c4	#0896c4	RGB(8, 150, 196)	—	—
#4c4b62	#4c4b62	RGB(76, 75, 98)	—	—
#d9c3b2	#d9c3b2	RGB(217, 195, 178)	—	—
#beebad	#beebad	RGB(190, 235, 173)	—	—
#8fb233	#8fb233	RGB(143, 178, 51)	—	—
#133a60	#133a60	RGB(19, 58, 96)	—	—
#ffe3f0	#ffe3f0	RGB(255, 227, 240)	—	—

Контраст палітри кольорів

12 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#50d8d4	#0896c4	1.96
#50d8d4	#d9c3b2	1.02
#50d8d4	#beebad	1.29
#50d8d4	#8fb233	1.41
#50d8d4	#ffe3f0	1.44
#0896c4	#8fb233	1.39

Зображення палітри Cookies-835 png

--color-1:	#50d8d4;
--color-2:	#0896c4;
--color-3:	#4c4b62;
--color-4:	#d9c3b2;
--color-5:	#beebad;
--color-6:	#8fb233;
--color-7:	#133a60;
--color-8:	#ffe3f0;

$color-1:	#50d8d4;
$color-2:	#0896c4;
$color-3:	#4c4b62;
$color-4:	#d9c3b2;
$color-5:	#beebad;
$color-6:	#8fb233;
$color-7:	#133a60;
$color-8:	#ffe3f0;

@color-1:	#50d8d4;
@color-2:	#0896c4;
@color-3:	#4c4b62;
@color-4:	#d9c3b2;
@color-5:	#beebad;
@color-6:	#8fb233;
@color-7:	#133a60;
@color-8:	#ffe3f0;