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

Цвет #a7ccda: Пастельный светло-голубой

#a7ccda в RGB это rgb(167, 204, 218), в OKLCH oklch(82.296% 0.04393 222.839). Ниже все остальные форматы, оттенки и контраст.

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

196°
100 %

82,3 %
0,044
223°
  • Голубой
  • Светлый
  • Мягкий
  • Пастельный
  • Холодный
  • ≈ Светло-голубой
  • slate-300
  • Чёрного 15 %

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

Белый текст
1.71:1Плохо читается
Lc -34
Чёрный текст
12.29:1Читается · AA
Lc 73

Оттенки

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

Гармонии

Открыть как палитру

Недавние

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

О цвете #a7ccda

#a7ccda — пастельный светло-голубой цвет. В OKLCH у него светлота 82,3 %, хрома 0.044 и тон 223°.

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

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

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

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

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

  1. a7ccda
  2. b0d1de
  3. b9d6e1
  4. c1dbe5
  5. cae0e9
  6. d3e5ed
  7. dceaf0
  8. e5f0f4
  9. edf5f8
  10. f6fafb

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

  1. a7ccda
  2. 91b1bd
  3. 7b97a2
  4. 667e87
  5. 52656c
  6. 3e4e54
  7. 2c373c
  8. 1a2225
  9. 0a0f11
  10. 010202

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

  1. a7ccda
  2. aacbd8
  3. adcbd6
  4. b0cad4
  5. b4c9d2
  6. b7c9d0
  7. b9c8cd
  8. bcc7cb
  9. bfc6c9
  10. c2c6c7

Вопросы о цвете #a7ccda

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

#a7ccda это пастельный светло-голубой. Ближайший именованный цвет: Пастельный светло-голубой. В RGB это rgb(167, 204, 218), в HSL hsl(196.47, 40.8%, 75.49%), в OKLCH oklch(82.296% 0.04393 222.839).

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

Дополнительный к #a7ccda цвет это #dfbdaf. Для более спокойного сочетания подойдут аналоговые #a5cfcd и #b1c7e2. Триада для него: #dabacd и #cac7a6.

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

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

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

Это холодный цвет. В OKLCH его тон 223 градусов, светлота 82,3 %, насыщенность 0.044.