Basement Bio Chem

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

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

Basement Bio Chem

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

Редагувати

Приглушені 8 кольорів Холодні Змішані Комплементарна cold 8 glass gaming

Вподобання 42

Кольори 8

CSS-змінні

:root {
  --c-muted-1: #19152D;
  --c-muted-2: #342A4C;
  --c-muted-3: #424272;
  --c-muted-4: #5C7677;
  --c-muted-5: #7A9968;
  --c-muted-6: #9ABC51;
  --c-muted-7: #B4CC49;
  --c-muted-8: #E9FFBF;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Fall Green (#E9FFBF), найсвітлішого тону, до Sambucus (#19152D), найтемнішого. Вона об'єднує Sambucus, Operetta Mauve, Deep Wisteria, Paradise City, Mosslands, Clematis Green, Solid Gold та Fall Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #19152D на #E9FFBF (16,45:1).

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

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

Sambucus #19152D

RGB: rgb(25, 21, 45)
HSL: hsl(250, 36%, 13%)
Яскравість: 0,009

Operetta Mauve #342A4C

RGB: rgb(52, 42, 76)
HSL: hsl(258, 29%, 23%)
Яскравість: 0,029

Deep Wisteria #424272

RGB: rgb(66, 66, 114)
HSL: hsl(240, 27%, 35%)
Яскравість: 0,063

Paradise City #5C7677

RGB: rgb(92, 118, 119)
HSL: hsl(182, 13%, 41%)
Яскравість: 0,166

Mosslands #7A9968

RGB: rgb(122, 153, 104)
HSL: hsl(98, 19%, 50%)
Яскравість: 0,279

Clematis Green #9ABC51

RGB: rgb(154, 188, 81)
HSL: hsl(79, 44%, 53%)
Яскравість: 0,434

Solid Gold #B4CC49

RGB: rgb(180, 204, 73)
HSL: hsl(71, 56%, 54%)
Яскравість: 0,534

Fall Green #E9FFBF

RGB: rgb(233, 255, 191)
HSL: hsl(81, 100%, 87%)
Яскравість: 0,926

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

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

Aa #19152D на #E9FFBF 16,45:1 AAA

Aa #342A4C на #E9FFBF 12,34:1 AAA

Aa #19152D на #B4CC49 9,84:1 AAA

Aa #424272 на #E9FFBF 8,66:1 AAA

Aa #19152D на #9ABC51 8,16:1 AAA

Aa #342A4C на #B4CC49 7,38:1 AAA

Aa #342A4C на #9ABC51 6,12:1 AA

Aa #19152D на #7A9968 5,55:1 AA

Aa #424272 на #B4CC49 5,18:1 AA

Aa #5C7677 на #E9FFBF 4,53:1 AA

Aa #424272 на #9ABC51 4,30:1 AA, великий текст

Aa #342A4C на #7A9968 4,16:1 AA, великий текст

Aa #19152D на #5C7677 3,63:1 AA, великий текст

Aa #7A9968 на #E9FFBF 2,96:1 Не проходить

Aa #424272 на #7A9968 2,92:1 Не проходить

Aa #342A4C на #5C7677 2,73:1 Не проходить

Aa #5C7677 на #B4CC49 2,71:1 Не проходить

Aa #5C7677 на #9ABC51 2,25:1 Не проходить

Aa #9ABC51 на #E9FFBF 2,02:1 Не проходить

Aa #424272 на #5C7677 1,91:1 Не проходить

Aa #19152D на #424272 1,90:1 Не проходить

Aa #7A9968 на #B4CC49 1,77:1 Не проходить

Aa #B4CC49 на #E9FFBF 1,67:1 Не проходить

Aa #5C7677 на #7A9968 1,53:1 Не проходить

Aa #7A9968 на #9ABC51 1,47:1 Не проходить

Aa #342A4C на #424272 1,43:1 Не проходить

Aa #19152D на #342A4C 1,33:1 Не проходить

Aa #9ABC51 на #B4CC49 1,21:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE

4 кольори

#F9F7F7 #DBE2EF #3F72AF #112D4E

4 кольори

#1B262C #0F4C75 #3282B8 #BBE1FA

4 кольори

#08D9D6 #252A34 #FF2E63 #EAEAEA

4 кольори

#27374D #526D82 #9DB2BF #DDE6ED

4 кольори

#364F6B #3FC1C9 #F5F5F5 #FC5185

4 кольори

#E4F9F5 #30E3CA #11999E #40514E

4 кольори

#F0F5F9 #C9D6DF #52616B #1E2022

4 кольори

Basement Bio Chem