Головна Колірні палітри Палітра «Aloe Cream» з 4 кольорів

Палітра «Aloe Cream» з 4 кольорів

Палітра з 4 кольорів · Нейтральні · Змішані · Комплементарна гармонія

До бібліотеки

Палітра «Aloe Cream» з 4 кольорів

Палітра з 4 кольорів · Нейтральні кольори · Змішані тони · Комплементарна гармонія

Редагувати

Приглушені 4 кольори Нейтральні Змішані Комплементарна

Вподобання 2 552

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #353E55;
  --c-muted-2: #B36458;
  --c-muted-3: #BCD3C2;
  --c-muted-4: #E0E7B8;
}

Про цю палітру

Ця приглушена палітра з 4 кольорів охоплює діапазон від Aloe Cream (#E0E7B8), найсвітлішого тону, до Black River Falls (#353E55), найтемнішого. Вона об'єднує Black River Falls, Electric Brown, Garden Statue та Aloe Cream в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #353E55 на #E0E7B8 (8,26:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Black River Falls #353E55

RGB: rgb(53, 62, 85)
HSL: hsl(223, 23%, 27%)
Яскравість: 0,049

Electric Brown #B36458

RGB: rgb(179, 100, 88)
HSL: hsl(8, 37%, 52%)
Яскравість: 0,194

Garden Statue #BCD3C2

RGB: rgb(188, 211, 194)
HSL: hsl(136, 21%, 78%)
Яскравість: 0,612

Aloe Cream #E0E7B8

RGB: rgb(224, 231, 184)
HSL: hsl(69, 49%, 81%)
Яскравість: 0,765

Контраст і доступність

Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них.

Aa #353E55 на #E0E7B8 8,26:1 AAA

Aa #353E55 на #BCD3C2 6,71:1 AA

Aa #B36458 на #E0E7B8 3,34:1 AA, великий текст

Aa #B36458 на #BCD3C2 2,71:1 Не проходить

Aa #353E55 на #B36458 2,48:1 Не проходить

Aa #BCD3C2 на #E0E7B8 1,23:1 Не проходить

Схожі палітри

#EDF1D6 #9DC08B #609966 #40513B

4 кольори

#F5F7F8 #F4CE14 #495E57 #45474B

4 кольори

#222831 #393E46 #FFD369 #EEEEEE

4 кольори

#000000 #52057B #892CDC #BC6FF1

4 кольори

#213555 #3E5879 #D8C4B6 #F5EFE7

4 кольори

#F5EFE7 #D8C4B6 #4F709C #213555

4 кольори

#191A19 #1E5128 #4E9F3D #D8E9A8

4 кольори

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 кольори

Палітра «Aloe Cream» з 4 кольорів