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

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

#a2ccdf в RGB это rgb(162, 204, 223), в OKLCH oklch(82.147% 0.05173 227.257). Ниже все остальные форматы, оттенки и контраст.

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

199°
100 %

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

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

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

Оттенки

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

Гармонии

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

Недавние

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

О цвете #a2ccdf

#a2ccdf — пастельный светло-голубой цвет. В OKLCH у него светлота 82,1 %, хрома 0.052 и тон 227°.

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

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

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

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

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

  1. a2ccdf
  2. abd1e2
  3. b5d6e5
  4. bedbe9
  5. c7e0ec
  6. d1e5ef
  7. daebf2
  8. e3f0f6
  9. ecf5f9
  10. f6fafc

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

  1. a2ccdf
  2. 8cb1c2
  3. 7797a5
  4. 637e8a
  5. 4f656f
  6. 3c4e56
  7. 2a373d
  8. 192227
  9. 0a0f12
  10. 010202

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

  1. a2ccdf
  2. a6cbdc
  3. a9cbda
  4. adcad7
  5. b1c9d4
  6. b4c8d2
  7. b7c8cf
  8. bbc7cc
  9. bec6ca
  10. c1c5c7

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

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

#a2ccdf это пастельный светло-голубой. Ближайший именованный цвет: Пастельный светло-голубой. В RGB это rgb(162, 204, 223), в HSL hsl(198.69, 48.8%, 75.49%), в OKLCH oklch(82.147% 0.05173 227.257).

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

Дополнительный к #a2ccdf цвет это #e2bba8. Для более спокойного сочетания подойдут аналоговые #9ecfd0 и #b0c6e7. Триада для него: #dfb8cb и #c8c8a1.

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

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

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

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