Колір #563C0D (Pineapple)
Шістнадцятковий код #563C0D відповідає кольору Pineapple. Нижче ви можете переглянути його точні значення в RGB, HSL та CMYK, перевірити контрастність на білому та чорному фоні, а також відкрити схожі або доповнювальні кольори в межах сім'ї помаранчеві.
| Код HEX | #563C0D |
|---|---|
| Код RGB | rgb(86, 60, 13) |
| Код HSL | hsl(38.6, 73.7%, 19.4%) |
| Код CMYK | cmyk(0%, 30%, 85%, 66%) |
| Сімейство кольорів | Помаранчеві |
Контраст і доступність (WCAG)
Доповнювальний колір
Tuna#46494E
Подібні кольори
Досліджуйте кольори за сімействами
Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.
Як використовувати колір Pineapple
Застосуй його у своєму CSS або дизайні
Скопіюй код #563C0D і використовуй його безпосередньо в своїй таблиці стилів, наприклад background-color: #563C0D; або color: #563C0D;. Якщо тобі потрібно значення в іншому форматі, перетвори його на RGB, HSL або CMYK за допомогою нашого конвертера кольорів.
Поєднай його з іншими кольорами
Спробуй Pineapple разом з його дополнювальним кольором або разом з подібними тонами сімейства помаранчеві, які ми показуємо нижче, або створи повну палітру на основі цього кольору за допомогою генератора палітр.
Перевір доступність
Перш ніж використовувати Pineapple як колір тексту або фону, перевір коефіцієнт контрастності проти білого та чорного, зазначений вище, або проаналізуй будь-яку комбінацію в перевірці контрастності, щоб переконатися, що вона відповідає рівням WCAG AA та AAA.
Часті запитання
Який колір #563C0D?
+
Код #563C0D відповідає кольору Pineapple, з родини помаранчеві.
Які кольори добре поєднуються з Pineapple?
+
Ви можете переглянути його доповідний колір та кілька подібних кольорів нижче або створити повну палітру на основі Pineapple за допомогою нашого генератора палітр.
Чи доступний колір Pineapple для тексту?
+
Це залежить від фону: перевірте коефіцієнт контрастності на білому та чорному фонах вище, щоб дізнатися, чи відповідає він рівням доступності WCAG AA та AAA.
