Реєстрація Реєстрація
Sea & Seaweed

Sea & Seaweed

Палітра з 8 кольорів · Холодні · Темні · Комплементарна гармонія

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

Sea & Seaweed

Палітра з 8 кольорів · Холодні кольори · Темні тони · Комплементарна гармонія

Редагувати
Землисті 8 кольорів Холодні Темні Комплементарна
Вподобання 26
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #98C1D9;
  --c-earthy-2: #06AED5;
  --c-earthy-3: #086788;
  --c-earthy-4: #1B4353;
  --c-earthy-5: #48233C;
  --c-earthy-6: #31081F;
  --c-earthy-7: #4B644A;
  --c-earthy-8: #26413C;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від January Frost (#98C1D9), найсвітлішого тону, до Vienna Roast (#31081F), найтемнішого. Вона об'єднує January Frost, Malibu Blue, Ansel, Blue Syzygy, Prestige Mauve, Vienna Roast, Vizcaya Palm та Pine Grove в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #98C1D9 на #31081F (9,25:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

January Frost #98C1D9
RGB
rgb(152, 193, 217)
HSL
hsl(202, 46%, 72%)
Яскравість
0,498
Malibu Blue #06AED5
RGB
rgb(6, 174, 213)
HSL
hsl(191, 95%, 43%)
Яскравість
0,351
Ansel #086788
RGB
rgb(8, 103, 136)
HSL
hsl(195, 89%, 28%)
Яскравість
0,115
Blue Syzygy #1B4353
RGB
rgb(27, 67, 83)
HSL
hsl(197, 51%, 22%)
Яскравість
0,049
Prestige Mauve #48233C
RGB
rgb(72, 35, 60)
HSL
hsl(319, 35%, 21%)
Яскравість
0,029
Vienna Roast #31081F
RGB
rgb(49, 8, 31)
HSL
hsl(326, 72%, 11%)
Яскравість
0,009
Vizcaya Palm #4B644A
RGB
rgb(75, 100, 74)
HSL
hsl(118, 15%, 34%)
Яскравість
0,111
Pine Grove #26413C
RGB
rgb(38, 65, 60)
HSL
hsl(169, 26%, 20%)
Яскравість
0,045

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

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

Aa #98C1D9 на #31081F 9,25:1 AAA
Aa #98C1D9 на #48233C 6,93:1 AA
Aa #06AED5 на #31081F 6,77:1 AA
Aa #98C1D9 на #26413C 5,76:1 AA
Aa #98C1D9 на #1B4353 5,55:1 AA
Aa #06AED5 на #48233C 5,07:1 AA
Aa #06AED5 на #26413C 4,21:1 AA, великий текст
Aa #06AED5 на #1B4353 4,06:1 AA, великий текст
Aa #98C1D9 на #4B644A 3,40:1 AA, великий текст
Aa #98C1D9 на #086788 3,32:1 AA, великий текст
Aa #086788 на #31081F 2,79:1 Не проходить
Aa #31081F на #4B644A 2,72:1 Не проходить
Aa #06AED5 на #4B644A 2,49:1 Не проходить
Aa #06AED5 на #086788 2,43:1 Не проходить
Aa #086788 на #48233C 2,09:1 Не проходить
Aa #48233C на #4B644A 2,04:1 Не проходить
Aa #086788 на #26413C 1,74:1 Не проходить
Aa #4B644A на #26413C 1,69:1 Не проходить
Aa #086788 на #1B4353 1,67:1 Не проходить
Aa #1B4353 на #31081F 1,67:1 Не проходить
Aa #1B4353 на #4B644A 1,63:1 Не проходить
Aa #31081F на #26413C 1,61:1 Не проходить
Aa #98C1D9 на #06AED5 1,37:1 Не проходить
Aa #48233C на #31081F 1,33:1 Не проходить
Aa #1B4353 на #48233C 1,25:1 Не проходить
Aa #48233C на #26413C 1,20:1 Не проходить
Aa #1B4353 на #26413C 1,04:1 Не проходить
Aa #086788 на #4B644A 1,03:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори