Перейти к подбору цвета

Цвет #549fbb: Мягкий голубой

#549fbb в RGB это rgb(84, 159, 187), в OKLCH oklch(66.523% 0.08515 224.724). Ниже все остальные форматы, оттенки и контраст.

Распознали как HEX

196°
100 %

66,5 %
0,085
225°
  • Голубой
  • Средний
  • Мягкий
  • Холодный
  • ≈ Стальной синий
  • slate-400
  • Чёрного 27 %

В охвате sRGB: одинаково на любом экране.

Белый текст
2.98:1Плохо читается
Lc -62
Чёрный текст
7.05:1Читается · AA
Lc 48

Оттенки

От самого светлого к самому тёмному. Нажмите на оттенок, чтобы выбрать его.

Гармонии

Недавние

Здесь появятся цвета, на которых вы остановились или которые скопировали. Они хранятся только на этом устройстве.

О цвете #549fbb

#549fbb — мягкий голубой цвет. В OKLCH у него светлота 66,5 %, хрома 0.085 и тон 225°.

В охвате sRGB: одинаково на любом экране.

Белый текст на нём даёт контраст 2.98:1, чёрный 7.05:1, поэтому лучше читается чёрный текст.

Ближайший цвет с названием: Стальной синий (#4682b4). Ближайший цвет Tailwind CSS: slate-400.

Ещё: средние голубые цвета

Светлее: #549fbb с белым

Темнее: #549fbb с чёрным

Спокойнее: #549fbb с меньшей насыщенностью

Похожие цвета с названиями

Цвета, которые сочетаются с #549fbb

Дополнительные
Аналоговые
Триада
Расщеплённые

Вопросы о цвете #549fbb

Какой это цвет: #549fbb?

#549fbb это мягкий голубой. Ближайший именованный цвет: Мягкий голубой. В RGB это rgb(84, 159, 187), в HSL hsl(196.31, 43.1%, 53.14%), в OKLCH oklch(66.523% 0.08515 224.724).

С какими цветами сочетается #549fbb?

Дополнительный к #549fbb цвет это #c08368. Для более спокойного сочетания подойдут аналоговые #4ba4a4 и #7096c8. Триада для него: #ba7fa0 и #9c9757.

Какой текст лучше читается на #549fbb: белый или чёрный?

Чёрный текст читается лучше: белый даёт контраст 2.98:1, чёрный 7.05:1. WCAG AA требует для основного текста не меньше 4.5:1.

#549fbb тёплый или холодный цвет?

Это холодный цвет. В OKLCH его тон 225 градусов, светлота 66,5 %, насыщенность 0.085.