#B22222

firebrick

%
Открыть страницу цвета

Коды цвета

HEX#B22222
RGBrgb(178, 34, 34)
HSLhsl(0°, 67.92%, 41.57%)
HSVhsv(0°, 80.9%, 69.8%)
CMYKcmyk(0%, 80.9%, 80.9%, 30.2%)
XYZxyz(19.22, 10.73, 2.57)
LABlab(39.12, 55.92, 37.65)
LCHlch(39.12, 67.41, 33.95°)

Коды цвета

HEX#B22222
RGBrgb(178, 34, 34)
HSLhsl(0°, 67.92%, 41.57%)
HSVhsv(0°, 80.9%, 69.8%)
CMYKcmyk(0%, 80.9%, 80.9%, 30.2%)
XYZxyz(19.22, 10.73, 2.57)
LABlab(39.12, 55.92, 37.65)
LCHlch(39.12, 67.41, 33.95°)

Доступность

На белом6.68:1AA ✓AAA ✗
На чёрном3.14:1AA ✗AAA ✗

Съешь ещё этих булок

Основной текст на цвете, чтобы оценить читаемость до окончательного выбора.

Вариации и сочетания цвета

Светлые оттенки смешивают цвет с чистым белым, тёмные — с чистым чёрным. Обе шкалы рассчитаны с шагом 10%, чтобы осветлить или затемнить тон, не покидая его.

Затемнения

Осветления

Цветовые гармонии

Гармонии подбирают сопутствующие цвета по их положению на цветовом круге. Каждое правило создаёт своё настроение — от резкого контраста до мягких переходов между соседями.

#B22222
#22B2B2

Комплементарная

Оттенок напротив на круге, на 180°. Максимальный контраст: лучше всего, когда один цвет ведущий, а другой — акцент.

Создать градиент
#B22222
#22B26A
#226AB2

Раздельно-комплементарная

Базовый цвет и два соседа его противоположности, примерно по 30° с каждой стороны. Сохраняет контраст и смягчает резкость.

Создать градиент
#B22222
#22B222
#2222B2

Триадная

Три оттенка через 120°. Живо и сбалансированно: дайте одному доминировать, остальные используйте как акценты.

Создать градиент
#B2226A
#B22222
#B26A22

Аналоговая

Три соседних оттенка через 30°.Низкий контраст и спокойствие для глаз, отлично для фонов и градиентов.

Создать градиент
#470E0E
#7F1818
#B22222
#D93838
#E47070

Монохромная

Один оттенок на нескольких уровнях светлоты. Согласованность заложена в самой схеме — самый надёжный путь к единообразному интерфейсу.

Создать градиент
#B22222
#B2B222
#22B2B2
#2222B2

Тетрадная

Две комплементарные пары, образующие прямоугольник на круге. Самая насыщенная схема и требующая наибольшей сдержанности.

Создать градиент

Ещё популярные цвета