Wordpress b2b ui fashion colors

Light French Beige
#cbaa88
Dark Vanilla
#ddc5ae
Café Noir
#543c28
Shadow
#8e7664
Ash Gray
#b5bcb1
Café Noir
#4e3428

Палітра містить світлий кольори. Акцентні кольори Light French Beige #cbaa88 та Dark Vanilla #ddc5ae. Палітра має температуру кольорів Теплий, Нейтральний.

За світлістю палітра сягає від #4E3428 (найтемніший) до #DDC5AE (найсвітліший). Діапазон світлості помірний.

Насиченість у середньому діапазоні.

Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).

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

HEX-коди (відсортовано): #4E3428, #543C28, #8E7664, #B5BCB1, #CBAA88, #DDC5AE

Палітра Wordpress b2b ui fashion colors містить комбінацію з 6 кодів кольорів :

HEX: #cbaa88, RGB: (203, 170, 136); HEX: #ddc5ae, RGB: (221, 197, 174); HEX: #543c28, RGB: (84, 60, 40)

HEX: #8e7664, RGB: (142, 118, 100); HEX: #b5bcb1, RGB: (181, 188, 177); HEX: #4e3428, RGB: (78, 52, 40)

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

Відтінок tan, Відтінок peachpuff, Відтінок saddlebrown, Відтінок Сірий, Відтінок Срібний, Відтінок saddlebrown

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

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

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

Wordpress b2b ui fashion colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#cbaa88	#cbaa88	RGB(203, 170, 136)	Light French Beige	—
#ddc5ae	#ddc5ae	RGB(221, 197, 174)	Dark Vanilla	—
#543c28	#543c28	RGB(84, 60, 40)	Café Noir	—
#8e7664	#8e7664	RGB(142, 118, 100)	Shadow	—
#b5bcb1	#b5bcb1	RGB(181, 188, 177)	Ash Gray	—
#4e3428	#4e3428	RGB(78, 52, 40)	Café Noir	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#cbaa88	#ddc5ae	1.31
#cbaa88	#8e7664	1.95
#cbaa88	#b5bcb1	1.11
#ddc5ae	#b5bcb1	1.17
#543c28	#4e3428	1.11

Зображення палітри Wordpress b2b ui fashion colors png

Wordpress b2b ui fashion colors - #209754

--color-light-french-beige:	#cbaa88;
--color-dark-vanilla:	#ddc5ae;
--color-cafe-noir:	#543c28;
--color-shadow:	#8e7664;
--color-ash-gray:	#b5bcb1;
--color-cafe-noir:	#4e3428;

$color-light-french-beige:	#cbaa88;
$color-dark-vanilla:	#ddc5ae;
$color-cafe-noir:	#543c28;
$color-shadow:	#8e7664;
$color-ash-gray:	#b5bcb1;
$color-cafe-noir:	#4e3428;

@color-light-french-beige:	#cbaa88;
@color-dark-vanilla:	#ddc5ae;
@color-cafe-noir:	#543c28;
@color-shadow:	#8e7664;
@color-ash-gray:	#b5bcb1;
@color-cafe-noir:	#4e3428;