TY Forgotten Times 9

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

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

TY Forgotten Times 9

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

Редагувати

Землисті 9 кольорів Теплі Змішані Аналогова

Вподобання 11

Кольори 9

CSS-змінні

:root {
  --c-earthy-1: #CAA982;
  --c-earthy-2: #8D8472;
  --c-earthy-3: #BB9C3B;
  --c-earthy-4: #B96F2C;
  --c-earthy-5: #856440;
  --c-earthy-6: #7D5043;
  --c-earthy-7: #4A473A;
  --c-earthy-8: #393217;
  --c-earthy-9: #000000;
}

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

Ця землиста палітра з 9 кольорів охоплює діапазон від Toffee Tan (#CAA982), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Toffee Tan, Silver Sage, Gold Taffeta, Brown Alpaca, Port Wine Barrel, Red Rooster, Treasure Island, Pullman Green та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #CAA982 на #000000 (9,51:1).

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

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

Toffee Tan #CAA982

RGB: rgb(202, 169, 130)
HSL: hsl(33, 40%, 65%)
Яскравість: 0,425

Silver Sage #8D8472

RGB: rgb(141, 132, 114)
HSL: hsl(40, 11%, 50%)
Яскравість: 0,234

Gold Taffeta #BB9C3B

RGB: rgb(187, 156, 59)
HSL: hsl(45, 52%, 48%)
Яскравість: 0,347

Brown Alpaca #B96F2C

RGB: rgb(185, 111, 44)
HSL: hsl(29, 62%, 45%)
Яскравість: 0,219

Port Wine Barrel #856440

RGB: rgb(133, 100, 64)
HSL: hsl(31, 35%, 39%)
Яскравість: 0,145

Red Rooster #7D5043

RGB: rgb(125, 80, 67)
HSL: hsl(13, 30%, 38%)
Яскравість: 0,105

Treasure Island #4A473A

RGB: rgb(74, 71, 58)
HSL: hsl(49, 12%, 26%)
Яскравість: 0,063

Pullman Green #393217

RGB: rgb(57, 50, 23)
HSL: hsl(48, 43%, 16%)
Яскравість: 0,032

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Яскравість: 0,000

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

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

Aa #CAA982 на #000000 9,51:1 AAA

Aa #BB9C3B на #000000 7,93:1 AAA

Aa #CAA982 на #393217 5,79:1 AA

Aa #8D8472 на #000000 5,68:1 AA

Aa #B96F2C на #000000 5,37:1 AA

Aa #BB9C3B на #393217 4,83:1 AA

Aa #CAA982 на #4A473A 4,22:1 AA, великий текст

Aa #856440 на #000000 3,89:1 AA, великий текст

Aa #BB9C3B на #4A473A 3,52:1 AA, великий текст

Aa #8D8472 на #393217 3,46:1 AA, великий текст

Aa #B96F2C на #393217 3,27:1 AA, великий текст

Aa #7D5043 на #000000 3,10:1 AA, великий текст

Aa #CAA982 на #7D5043 3,07:1 AA, великий текст

Aa #BB9C3B на #7D5043 2,56:1 Не проходить

Aa #8D8472 на #4A473A 2,52:1 Не проходить

Aa #CAA982 на #856440 2,44:1 Не проходить

Aa #B96F2C на #4A473A 2,38:1 Не проходить

Aa #856440 на #393217 2,37:1 Не проходить

Aa #4A473A на #000000 2,25:1 Не проходить

Aa #BB9C3B на #856440 2,04:1 Не проходить

Aa #7D5043 на #393217 1,89:1 Не проходить

Aa #8D8472 на #7D5043 1,83:1 Не проходить

Aa #CAA982 на #B96F2C 1,77:1 Не проходить

Aa #B96F2C на #7D5043 1,73:1 Не проходить

Aa #856440 на #4A473A 1,73:1 Не проходить

Aa #CAA982 на #8D8472 1,68:1 Не проходить

Aa #393217 на #000000 1,64:1 Не проходить

Aa #BB9C3B на #B96F2C 1,48:1 Не проходить

Aa #8D8472 на #856440 1,46:1 Не проходить

Aa #8D8472 на #BB9C3B 1,40:1 Не проходить

Aa #B96F2C на #856440 1,38:1 Не проходить

Aa #7D5043 на #4A473A 1,38:1 Не проходить

Aa #4A473A на #393217 1,37:1 Не проходить

Aa #856440 на #7D5043 1,26:1 Не проходить

Aa #CAA982 на #BB9C3B 1,20:1 Не проходить

Aa #8D8472 на #B96F2C 1,06: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 кольори

TY Forgotten Times 9