Indigo 500#6366F1
rgb(99, 102, 241) · hsl(239, 84%, 67%) · oklch(59% 0.2 277)
Форматы цвета
Один и тот же цвет во всех записях, которые обычно приходится куда-то вставлять.
- HEX
- #6366F1
- RGB
- rgb(99, 102, 241)
- HSL
- hsl(239, 84%, 67%)
- HSV
- hsv(239, 59%, 95%)
- OKLCH
- oklch(59% 0.2 277)
- CMYK
- cmyk(59%, 58%, 0%, 5%)
Контраст и доступность
Замер на чистом белом и чистом чёрном — двух фонах, между которыми лежит всё остальное.
- На белом
- 4.47:1 только крупный
- На чёрном
- 4.70:1 проходит AA
- Лучший цвет текста
- #000000 · 4.70:1
- Ближайшее имя CSS
- mediumslateblue
Оттенки и тона
Шкала 50–950 на этом тоне — ступень 500 ближе всего к исходному цвету.
Цветовые гармонии
Повороты по цветовому кругу при той же насыщенности и светлоте.
Готовый код
:root {
--mediumslateblue: #6366f1;
--mediumslateblue-rgb: 99 102 241;
--mediumslateblue-oklch: oklch(59% 0.2 277);
}background: rgb(var(--mediumslateblue-rgb) / 40%);Тройка через пробел позволяет задать прозрачность без второй переменной:
bg-[#6366f1] text-[#6366f1] border-[#6366f1]Об этом цвете
#6366F1 — цвет со значением RGB rgb(99, 102, 241). Ближайший именованный цвет CSS — «mediumslateblue». На этой странице собраны все форматы (HEX, RGB, HSL, HSV, OKLCH, CMYK), контраст WCAG на белом и чёрном, полная шкала оттенков 50–950 и комплементарная, аналоговая и триадная гармонии — каждая ведёт на свою страницу цвета.