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

Палітра «Bright Ecru» з 4 кольорів

Палітра з 4 кольорів · Холодні · Світлі · Тріадна гармонія

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

Палітра «Bright Ecru» з 4 кольорів

Палітра з 4 кольорів · Холодні кольори · Світлі тони · Тріадна гармонія

Редагувати

Приглушені 4 кольори Холодні Світлі Тріадна

Вподобання 4 038

Кольори 4

CSS-змінні

:root {
  --c-muted-1: #5A827E;
  --c-muted-2: #84AE92;
  --c-muted-3: #B9D4AA;
  --c-muted-4: #FAFFCA;
}

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

Ця приглушена палітра з 4 кольорів охоплює діапазон від Bright Ecru (#FAFFCA), найсвітлішого тону, до Stream Burble (#5A827E), найтемнішого. Вона об'єднує Stream Burble, Covent Garden, Jaded Lime та Bright Ecru в один набір, який можна одразу перенести в інтерфейс. Жодна з 6 пар кольорів у палітрі не досягає порогу контрастності WCAG AA (4,5:1), тож для основного тексту поєднуйте ці кольори з чорним або білим.

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

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

Stream Burble #5A827E

RGB: rgb(90, 130, 126)
HSL: hsl(174, 18%, 43%)
Яскравість: 0,197

Covent Garden #84AE92

RGB: rgb(132, 174, 146)
HSL: hsl(140, 21%, 60%)
Яскравість: 0,373

Jaded Lime #B9D4AA

RGB: rgb(185, 212, 170)
HSL: hsl(99, 33%, 75%)
Яскравість: 0,603

Bright Ecru #FAFFCA

RGB: rgb(250, 255, 202)
HSL: hsl(66, 100%, 90%)
Яскравість: 0,961

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

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

Aa #5A827E на #FAFFCA 4,10:1 AA, великий текст

Aa #5A827E на #B9D4AA 2,65:1 Не проходить

Aa #84AE92 на #FAFFCA 2,39:1 Не проходить

Aa #5A827E на #84AE92 1,71:1 Не проходить

Aa #84AE92 на #B9D4AA 1,55:1 Не проходить

Aa #B9D4AA на #FAFFCA 1,55:1 Не проходить

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

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE

4 кольори

#F4EEFF #DCD6F7 #A6B1E1 #424874

4 кольори

#B1B2FF #AAC4FF #D2DAFF #EEF1FF

4 кольори

#6096B4 #93BFCF #BDCDD6 #EEE9DA

4 кольори

#A8D8EA #AA96DA #FCBAD3 #FFFFD2

4 кольори

#DEFCF9 #CADEFC #C3BEF0 #CCA8E9

4 кольори

#F7FBFC #D6E6F2 #B9D7EA #769FCD

4 кольори

#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4

4 кольори

Палітра «Bright Ecru» з 4 кольорів