Головна Колірні палітри Палітра «Lime Juice Green» з 4 кольорів

Палітра «Lime Juice Green» з 4 кольорів

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

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

Палітра «Lime Juice Green» з 4 кольорів

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

Редагувати

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

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

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #D5AB9C;
  --c-muted-2: #E6E696;
  --c-muted-3: #7BC0A3;
  --c-muted-4: #54878F;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Lime Juice Green (#E6E696), найсвітлішого тону, до Night Masque (#54878F), найтемнішого. Вона об'єднує Hayride, Lime Juice Green, Celadon Porcelain та Night Masque в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Hayride #D5AB9C

RGB: rgb(213, 171, 156)
HSL: hsl(16, 40%, 72%)
Яскравість: 0,457

Lime Juice Green #E6E696

RGB: rgb(230, 230, 150)
HSL: hsl(60, 62%, 75%)
Яскравість: 0,756

Celadon Porcelain #7BC0A3

RGB: rgb(123, 192, 163)
HSL: hsl(155, 35%, 62%)
Яскравість: 0,446

Night Masque #54878F

RGB: rgb(84, 135, 143)
HSL: hsl(188, 26%, 45%)
Яскравість: 0,212

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

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

Aa #E6E696 на #54878F 3,08:1 AA, великий текст

Aa #D5AB9C на #54878F 1,93:1 Не проходить

Aa #7BC0A3 на #54878F 1,89:1 Не проходить

Aa #E6E696 на #7BC0A3 1,63:1 Не проходить

Aa #D5AB9C на #E6E696 1,59:1 Не проходить

Aa #D5AB9C на #7BC0A3 1,02: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 кольори

Палітра «Lime Juice Green» з 4 кольорів