Цвят #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)

На бял фон: 10.25:1
AA ✓
AAA ✓
На черен фон: 2.05:1
AA ✕
AAA ✕
Отворете в конвертора на цветове Създайте палета с този цвят

Допълнителен цвят

Tuna
#46494E

Подобни цветове

Изследвайте цветовете по семейство

Повече от 469 наименовани цветове с техните HEX, RGB, HSL и CMYK кодове, организирани в 12 семейства на тонове.

Как да използвам цвят Pineapple

1

Приложи го в твоя CSS или дизайн

Копирай кода #563C0D и използвай го директно в твоята таблица със стилове, например background-color: #563C0D; или color: #563C0D;. Ако имаш нужда от стойността в друг формат, преобразувай я в RGB, HSL или CMYK с нашия конвертор на цветове.

2

Комбинирай го с други цветове

Опитай Pineapple заедно с неговия допълнителен цвят или заедно със сходните тонове от семейството оранжеви, които ти показваме по-долу, или генерирай пълна палета от този цвят с генератора на палети.

3

Проверка на достъпност

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

Често задавани въпроси

Какъв е цветът #563C0D?

+

Кодът #563C0D съответства на цвета Pineapple, в семейството на оранжеви.

Какви цветове се комбинират добре с Pineapple?

+

Можеш да видиш неговия комплементарен цвят и няколко подобни цвята по-долу, или да генерираш пълна палета от Pineapple с нашия генератор на палети.

Дали цветът Pineapple е достъпен за текст?

+

Зависи от фона: проверете съотношението на контраста с бяло и черно по-горе, за да видите дали отговаря на нивата на достъпност WCAG AA и AAA.

Помогнахме ли ви? Помогнете ни да се разчуе!
Споделете PDFDocks с всеки, който може да се нуждае от него.