#684CCF
≈ mediumslateblue · rgb(104, 76, 207)
Форматы цвета
HEX#684CCF
RGBrgb(104, 76, 207)
HSLhsl(253, 58%, 55%)
HSVhsv(253, 63%, 81%)
OKLCHoklch(52% 0.19 288)
CMYKcmyk(50%, 63%, 0%, 19%)
Контраст и доступность
На белом5.96:1проходит AA
На чёрном3.52:1ниже AA
Лучший цвет текста#FFFFFF
Ближайшее имя CSS: mediumslateblue
Готовый код
CSS-переменные
:root {
--mediumslateblue: #684ccf;
--mediumslateblue-rgb: 104 76 207;
--mediumslateblue-oklch: oklch(52% 0.19 288);
}Тройка через пробел позволяет задать прозрачность без второй переменной:
background: rgb(var(--mediumslateblue-rgb) / 40%);
Tailwind (произвольное значение)
bg-[#684ccf] text-[#684ccf] border-[#684ccf]
Оттенки и тона
Цветовые гармонии
Об этом цвете
#684CCF — цвет со значением RGB rgb(104, 76, 207). Ближайший именованный цвет CSS — «mediumslateblue». На этой странице собраны все форматы (HEX, RGB, HSL, HSV, OKLCH, CMYK), контраст WCAG на белом и чёрном, полная шкала оттенков 50–950 и комплементарная, аналоговая и триадная гармонии — каждая ведёт на свою страницу цвета.