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

Цвет #f5a4e2: Пастельный светло-пурпурный

#f5a4e2 в RGB это rgb(245, 164, 226), в OKLCH oklch(81.677% 0.12322 335.566). Ниже все остальные форматы, оттенки и контраст.

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

314°
100 %

81,7 %
0,123
336°
  • Пурпурный
  • Светлый
  • Яркий
  • Пастельный
  • Нейтральный
  • ≈ Сливовый
  • pink-300
  • Чёрного 4 %

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

Белый текст
1.86:1Плохо читается
Lc -39
Чёрный текст
11.29:1Читается · AA
Lc 69

Оттенки

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

Гармонии

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

Недавние

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

О цвете #f5a4e2

#f5a4e2 — пастельный светло-пурпурный цвет. В OKLCH у него светлота 81,7 %, хрома 0.123 и тон 336°.

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

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

Ближайший цвет с названием: Сливовый (#dda0dd). Ближайший цвет Tailwind CSS: pink-300.

Ещё: светлые пурпурные цвета

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

  1. f5a4e2
  2. f7ade5
  3. f8b7e8
  4. fac0eb
  5. fbc9ee
  6. fcd2f1
  7. fddbf4
  8. fee4f7
  9. feedf9
  10. fff6fc

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

  1. f5a4e2
  2. d58ec4
  3. b679a8
  4. 98648c
  5. 7b5071
  6. 5f3d57
  7. 442b3e
  8. 2b1a27
  9. 150a12
  10. 030103

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

  1. f5a4e2
  2. f0a8df
  3. ecabdc
  4. e7aed9
  5. e2b1d6
  6. ddb5d3
  7. d8b8d0
  8. d3bbcc
  9. cebdc9
  10. c8c0c6

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

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

#f5a4e2 это пастельный светло-пурпурный. Ближайший именованный цвет: Пастельный светло-пурпурный. В RGB это rgb(245, 164, 226), в HSL hsl(314.07, 80.2%, 80.2%), в OKLCH oklch(81.677% 0.12322 335.566).

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

Дополнительный к #f5a4e2 цвет это #7cdba1. Для более спокойного сочетания подойдут аналоговые #d6aeff и #ffa0b7. Триада для него: #dbc25e и #4dd7f5.

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

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

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

Это нейтральный цвет. В OKLCH его тон 336 градусов, светлота 81,7 %, насыщенность 0.123.