Реєстрація Реєстрація
Nicely Dead

Nicely Dead

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

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

Nicely Dead

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

Редагувати
Землисті 8 кольорів Теплі Змішані Комплементарна muted dead die marchmadnesspalettecontest
Вподобання 95
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #3B2933;
  --c-earthy-2: #56435C;
  --c-earthy-3: #4B6A63;
  --c-earthy-4: #809665;
  --c-earthy-5: #C7A8A0;
  --c-earthy-6: #B77B79;
  --c-earthy-7: #746889;
  --c-earthy-8: #9F484E;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Teatime Mauve (#C7A8A0), найсвітлішого тону, до Late Night Out (#3B2933), найтемнішого. Вона об'єднує Late Night Out, Navy Cosmos, Riverbend, Pea Aubergine, Teatime Mauve, Wild Party, Beets та Regal Red в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #3B2933 на #C7A8A0 (6,15:1).

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

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

Late Night Out #3B2933
RGB
rgb(59, 41, 51)
HSL
hsl(327, 18%, 20%)
Яскравість
0,028
Navy Cosmos #56435C
RGB
rgb(86, 67, 92)
HSL
hsl(286, 16%, 31%)
Яскравість
0,068
Riverbend #4B6A63
RGB
rgb(75, 106, 99)
HSL
hsl(166, 17%, 35%)
Яскравість
0,127
Pea Aubergine #809665
RGB
rgb(128, 150, 101)
HSL
hsl(87, 20%, 49%)
Яскравість
0,273
Teatime Mauve #C7A8A0
RGB
rgb(199, 168, 160)
HSL
hsl(12, 26%, 70%)
Яскравість
0,427
Wild Party #B77B79
RGB
rgb(183, 123, 121)
HSL
hsl(2, 30%, 60%)
Яскравість
0,256
Beets #746889
RGB
rgb(116, 104, 137)
HSL
hsl(262, 14%, 47%)
Яскравість
0,154
Regal Red #9F484E
RGB
rgb(159, 72, 78)
HSL
hsl(356, 38%, 45%)
Яскравість
0,126

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

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

Aa #3B2933 на #C7A8A0 6,15:1 AA
Aa #3B2933 на #809665 4,17:1 AA, великий текст
Aa #56435C на #C7A8A0 4,05:1 AA, великий текст
Aa #3B2933 на #B77B79 3,95:1 AA, великий текст
Aa #56435C на #809665 2,75:1 Не проходить
Aa #C7A8A0 на #9F484E 2,72:1 Не проходить
Aa #4B6A63 на #C7A8A0 2,69:1 Не проходить
Aa #3B2933 на #746889 2,63:1 Не проходить
Aa #56435C на #B77B79 2,60:1 Не проходить
Aa #C7A8A0 на #746889 2,34:1 Не проходить
Aa #3B2933 на #4B6A63 2,28:1 Не проходить
Aa #3B2933 на #9F484E 2,26:1 Не проходить
Aa #809665 на #9F484E 1,84:1 Не проходить
Aa #4B6A63 на #809665 1,83:1 Не проходить
Aa #56435C на #746889 1,74:1 Не проходить
Aa #B77B79 на #9F484E 1,74:1 Не проходить
Aa #4B6A63 на #B77B79 1,73:1 Не проходить
Aa #809665 на #746889 1,58:1 Не проходить
Aa #C7A8A0 на #B77B79 1,56:1 Не проходить
Aa #3B2933 на #56435C 1,52:1 Не проходить
Aa #56435C на #4B6A63 1,50:1 Не проходить
Aa #B77B79 на #746889 1,50:1 Не проходить
Aa #56435C на #9F484E 1,49:1 Не проходить
Aa #809665 на #C7A8A0 1,47:1 Не проходить
Aa #746889 на #9F484E 1,16:1 Не проходить
Aa #4B6A63 на #746889 1,15:1 Не проходить
Aa #809665 на #B77B79 1,06:1 Не проходить
Aa #4B6A63 на #9F484E 1,01:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори