Колір #F75300 (Trout Caviar)

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

Код HEX	#F75300
Код RGB	rgb(247, 83, 0)
Код HSL	hsl(20.2, 100%, 48.4%)
Код CMYK	cmyk(0%, 66%, 100%, 3%)
Сімейство кольорів	Помаранчеві

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

На білому фоні: 3.39:1

AA ✕

AAA ✕

На чорному фоні: 6.19:1

AA ✓

AAA ✕

Відкрити в конвертері кольорів Створити палітру з цим кольором

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

Grauzone
#85A3B2

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

Arcade Fire Heat Wave Mellow Mango Langoustine Fire Bolt Habañero

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

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

Червоні 50 Помаранчеві 45 Коричневі 40 Жовті 40 Зелені 55 Бірюзові 35 Блакитні 55 Фіолетові 45 Рожеві 45 Сірі 35 Білі 15 Чорні 9 Пастель 36

Як використовувати колір Trout Caviar

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

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

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

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

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

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

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

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

Код #F75300 відповідає кольору Trout Caviar, з родини помаранчеві.

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

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

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

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