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

Палітра «Navy Blue» з 4 кольорів

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

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

Палітра «Navy Blue» з 4 кольорів

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

Редагувати

Яскраві 4 кольори Нейтральні Змішані Тріадна

Вподобання 3 869

Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #090580;
  --c-vibrant-2: #46458C;
  --c-vibrant-3: #E8A9A9;
  --c-vibrant-4: #F4D3D3;
}

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

Ця яскрава палітра з 4 кольорів охоплює діапазон від Rose Milk (#F4D3D3), найсвітлішого тону, до Navy Blue (#090580), найтемнішого. Вона об'єднує Navy Blue, Spectrum Blue, Perennial Phlox та Rose Milk в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #090580 на #F4D3D3 (11,23:1).

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

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

Navy Blue #090580

RGB: rgb(9, 5, 128)
HSL: hsl(242, 92%, 26%)
Яскравість: 0,017

Spectrum Blue #46458C

RGB: rgb(70, 69, 140)
HSL: hsl(241, 34%, 41%)
Яскравість: 0,075

Perennial Phlox #E8A9A9

RGB: rgb(232, 169, 169)
HSL: hsl(0, 58%, 79%)
Яскравість: 0,484

Rose Milk #F4D3D3

RGB: rgb(244, 211, 211)
HSL: hsl(0, 60%, 89%)
Яскравість: 0,705

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

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

Aa #090580 на #F4D3D3 11,23:1 AAA

Aa #090580 на #E8A9A9 7,94:1 AAA

Aa #46458C на #F4D3D3 6,07:1 AA

Aa #46458C на #E8A9A9 4,29:1 AA, великий текст

Aa #090580 на #46458C 1,85:1 Не проходить

Aa #E8A9A9 на #F4D3D3 1,41: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 кольори

Палітра «Navy Blue» з 4 кольорів