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

Цвет «Светло-голубой»: #add8e6

«Светло-голубой» это #add8e6, в RGB rgb(173, 216, 230), в OKLCH oklch(85.623% 0.04894 219.654). Ниже все остальные форматы, оттенки, подходящие цвета и палитры.

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

195°
100 %

85,6 %
0,049
220°
  • Голубой
  • Очень светлый
  • Мягкий
  • Пастельный
  • Холодный
  • slate-300
  • Чёрного 10 %

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

Белый текст
1.53:1Плохо читается
Lc -28
Чёрный текст
13.74:1Читается · AA
Lc 79

Оттенки

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

Гармонии

Недавние

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

Другие названия: Light blue

Палитры с цветом «Светло-голубой»

Похожие именованные цвета

Вопросы о цвете «Светло-голубой»

Какой HEX-код у цвета «Светло-голубой»?

HEX-код цвета «Светло-голубой» это #add8e6. В RGB это rgb(173, 216, 230), в HSL hsl(194.74, 53.27%, 79.02%), в OKLCH oklch(85.623% 0.04894 219.654).

С какими цветами сочетается «Светло-голубой»?

Дополнительный к нему цвет #edc6b8. Для более спокойного сочетания подойдут аналоговые #acdbd7 и #b8d3ef. Готовые палитры с этим цветом есть на этой странице.

«Светло-голубой» тёплый или холодный цвет?

«Светло-голубой» это холодный цвет, его тон в OKLCH равен 220 градусам.

Какой цвет текста читается на цвете «Светло-голубой»?

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

О цвете #add8e6

#add8e6 — пастельный очень светло-голубой цвет. В OKLCH у него светлота 85,6 %, хрома 0.049 и тон 220°.

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

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

Ближайший цвет с названием: Светло-голубой (#add8e6). Ближайший цвет Tailwind CSS: slate-300.

Ещё: очень светлые голубые цвета

Светлее: #add8e6 с белым

  1. add8e6

Темнее: #add8e6 с чёрным

  1. add8e6

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

  1. add8e6

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

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

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