Колір #D4DE49 (Yuzukoshō)

Шістнадцятковий код #D4DE49 відповідає кольору Yuzukoshō. Нижче ви можете переглянути його точні значення в RGB, HSL та CMYK, перевірити контрастність на білому та чорному фоні, а також відкрити схожі або доповнювальні кольори в межах сім'ї жовті.

Код HEX#D4DE49
Код RGBrgb(212, 222, 73)
Код HSLhsl(64, 69.3%, 57.8%)
Код CMYKcmyk(5%, 0%, 67%, 13%)
Сімейство кольорівЖовті

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

На білому фоні: 1.46:1
AA ✕
AAA ✕
На чорному фоні: 14.34:1
AA ✓
AAA ✓
Відкрити в конвертері кольорів Створити палітру з цим кольором

Доповнювальний колір

Heron
#6A6887

Подібні кольори

Досліджуйте кольори за сімействами

Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.

Як використовувати колір Yuzukoshō

1

Застосуй його у своєму CSS або дизайні

Скопіюй код #D4DE49 і використовуй його безпосередньо в своїй таблиці стилів, наприклад background-color: #D4DE49; або color: #D4DE49;. Якщо тобі потрібно значення в іншому форматі, перетвори його на RGB, HSL або CMYK за допомогою нашого конвертера кольорів.

2

Поєднай його з іншими кольорами

Спробуй Yuzukoshō разом з його дополнювальним кольором або разом з подібними тонами сімейства жовті, які ми показуємо нижче, або створи повну палітру на основі цього кольору за допомогою генератора палітр.

3

Перевір доступність

Перш ніж використовувати Yuzukoshō як колір тексту або фону, перевір коефіцієнт контрастності проти білого та чорного, зазначений вище, або проаналізуй будь-яку комбінацію в перевірці контрастності, щоб переконатися, що вона відповідає рівням WCAG AA та AAA.

Часті запитання

Який колір #D4DE49?

+

Код #D4DE49 відповідає кольору Yuzukoshō, з родини жовті.

Які кольори добре поєднуються з Yuzukoshō?

+

Ви можете переглянути його доповідний колір та кілька подібних кольорів нижче або створити повну палітру на основі Yuzukoshō за допомогою нашого генератора палітр.

Чи доступний колір Yuzukoshō для тексту?

+

Це залежить від фону: перевірте коефіцієнт контрастності на білому та чорному фонах вище, щоб дізнатися, чи відповідає він рівням доступності WCAG AA та AAA.

Ми вам допомогли? Допоможіть нам розповісти про це!
Поділіться PDFDocks з тими, кому це може знадобитися.