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

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

#a3d7ea в RGB это rgb(163, 215, 234), в OKLCH oklch(84.936% 0.05979 222.381). Ниже все остальные форматы, оттенки и контраст.

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

196°
100 %

84,9 %
0,060
222°
  • Голубой
  • Светлый
  • Мягкий
  • Пастельный
  • Холодный
  • ≈ Светло-голубой
  • blue-200
  • Чёрного 8 %

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

Белый текст
1.56:1Плохо читается
Lc -29
Чёрный текст
13.47:1Читается · AA
Lc 78

Оттенки

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

Гармонии

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

Недавние

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

О цвете #a3d7ea

#a3d7ea — пастельный светло-голубой цвет. В OKLCH у него светлота 84,9 %, хрома 0.06 и тон 222°.

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

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

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

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

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

  1. a3d7ea
  2. addbec
  3. b6dfee
  4. bfe3f0
  5. c8e7f3
  6. d2ebf5
  7. dbeff7
  8. e4f3f9
  9. edf7fb
  10. f6fbfd

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

  1. a3d7ea
  2. 8dbbcb
  3. 789fae
  4. 638591
  5. 4f6b75
  6. 3c525a
  7. 2a3b41
  8. 192529
  9. 0a1113
  10. 010203

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

  1. a3d7ea
  2. a8d6e7
  3. acd5e4
  4. b1d4e2
  5. b5d3df
  6. b9d2dc
  7. bed1d9
  8. c2d0d6
  9. c6cfd3
  10. c9ced0

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

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

#a3d7ea это пастельный светло-голубой. Ближайший именованный цвет: Пастельный светло-голубой. В RGB это rgb(163, 215, 234), в HSL hsl(196.06, 62.83%, 77.84%), в OKLCH oklch(84.936% 0.05979 222.381).

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

Дополнительный к #a3d7ea цвет это #f1c2af. Для более спокойного сочетания подойдут аналоговые #a0dbd8 и #b2d1f4. Триада для него: #eabfd8 и #d5d0a3.

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

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

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

Это холодный цвет. В OKLCH его тон 222 градусов, светлота 84,9 %, насыщенность 0.06.