#563A72
≈ darkslateblue · rgb(86, 58, 114)
Форматы цвета
HEX#563A72
RGBrgb(86, 58, 114)
HSLhsl(270, 33%, 34%)
HSVhsv(270, 49%, 45%)
OKLCHoklch(41% 0.1 306)
CMYKcmyk(25%, 49%, 0%, 55%)
Контраст и доступность
На белом9.36:1проходит AA
На чёрном2.24:1ниже AA
Лучший цвет текста#FFFFFF
Ближайшее имя CSS: darkslateblue
Готовый код
CSS-переменные
:root {
--darkslateblue: #563a72;
--darkslateblue-rgb: 86 58 114;
--darkslateblue-oklch: oklch(41% 0.1 306);
}Тройка через пробел позволяет задать прозрачность без второй переменной:
background: rgb(var(--darkslateblue-rgb) / 40%);
Tailwind (произвольное значение)
bg-[#563a72] text-[#563a72] border-[#563a72]
Оттенки и тона
Цветовые гармонии
Об этом цвете
#563A72 — цвет со значением RGB rgb(86, 58, 114). Ближайший именованный цвет CSS — «darkslateblue». На этой странице собраны все форматы (HEX, RGB, HSL, HSV, OKLCH, CMYK), контраст WCAG на белом и чёрном, полная шкала оттенков 50–950 и комплементарная, аналоговая и триадная гармонии — каждая ведёт на свою страницу цвета.