ColorTool
Войти
#E5A99A

#e5a99a ≈ Pastel Pink

  • оранжевые
  • Светлота: высокая
  • Насыщенность: умеренная
  • Тёплый
Проверить контраст Открыть в графе Случайный цвет

#e5a99a — цвет из семейства «оранжевые»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 89,8% красного, 66,27% зелёного и 60,39% синего; при печати в CMYK используется 0% голубого, 26,2% пурпурного, 32,75% жёлтого и 10,2% чёрного. Угол цветового тона — 12°, насыщенность 59,06% и светлота 75,1% в модели HSL. Это тёплый цвет, который часто ассоциируется с энтузиазмом, теплом и творчеством. Дизайнеры обычно используют его для: кнопок призыва к действию, брендов еды и ресторанов и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 10,47:1 (WCAG AAA). Ближайший именованный цвет — Pastel Pink (#dea5a4), ΔE 5,61.

Описание создано на основе измеренных свойств этого цвета.

HEX
RGB
RGB в процентах
CMY
CMYK
HSL
HSV / HSB
Безопасный веб-цвет#cc9999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Двоичный
Десятичный
Относительная яркость0.4737

Комплементарная

  1. #e5a99a
  2. #9ad6e5

Расщеплённая комплементарная

  1. #e5a99a
  2. #9ae5cf
  3. #9ab1e5

Аналоговая

  1. #e59ab1
  2. #e5a99a
  3. #e5cf9a

Триада

  1. #e5a99a
  2. #9ae5a9
  3. #a99ae5

Тетрада

  1. #e5a99a
  2. #d6e59a
  3. #9ad6e5
  4. #a99ae5

Квадрат

  1. #e5a99a
  2. #b1e59a
  3. #9ad6e5
  4. #cf9ae5

Монохромная

  1. #b74a2f
  2. #d5755d
  3. #e5a99a
  4. #f5ddd7
  5. #fbf1ef

Тени

#e5a99a, постепенно смешанный с чёрным.

  1. #e5a99a
  2. #ce988b
  3. #b7877b
  4. #a0766c
  5. #89655c
  6. #73554d
  7. #5c443e
  8. #45332e
  9. #2e221f
  10. #17110f
  11. #000000

Светлые оттенки

#e5a99a, постепенно смешанный с белым.

  1. #e5a99a
  2. #e8b2a4
  3. #eabaae
  4. #edc3b8
  5. #efcbc2
  6. #f2d4cd
  7. #f5ddd7
  8. #f7e5e1
  9. #faeeeb
  10. #fcf6f5
  11. #ffffff

Приглушённые оттенки

#e5a99a, постепенно смешанный с серым.

  1. #e5a99a
  2. #dba597
  3. #d1a195
  4. #c79d92
  5. #bd9990
  6. #b3958d
  7. #a8908a
  8. #9e8c88
  9. #948885
  10. #8a8483
  11. #808080

Читаемый текст 2.01:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Читаемый текст 10.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Ахроматопсия #b7b7b7 ≈ 0.003% мужчин
Ахроматомалия #cbb2ac ≈ 0.001% мужчин
Протанопия #b7b099 ≈ 1.01% мужчин
Дейтеранопия #c5bc9a ≈ 1.27% мужчин
Тританопия #f3a1a5 ≈ 0.0001% мужчин
Протаномалия #cbad99 ≈ 1.08% мужчин
Дейтераномалия #d2b59a ≈ 4.63% мужчин
Тританомалия #eda4a1 ≈ 0.0002% мужчин
Смоделировать на своём изображении

Текст этого цвета

Фон этого цвета

Рамка этого цвета

Цвет текста
.text-e5a99a {
  color: #e5a99a;
}
Фон
.bg-e5a99a {
  background-color: #e5a99a;
  color: #000000;
}
Рамка
.border-e5a99a {
  border: 2px solid #e5a99a;
}
CSS-переменные
:root {
  --color-primary: #e5a99a;
  --color-primary-rgb: 229 169 154;
  --color-primary-hsl: 12 59% 75%;
}
Градиент
.gradient-e5a99a {
  background: linear-gradient(135deg, #e5a99a, #e5cf9a);
}
Цветная тень
.shadow-e5a99a {
  box-shadow: 0 8px 24px rgb(229 169 154 / 0.35);
}

#dea5a4 Pastel Pink ΔE 5.61 #fdbcb4 Melon ΔE 6.10 #ffa089 Vivid Tangerine ΔE 6.56 #e9967a Dark Salmon ΔE 6.86 #ebc2af Zinnwaldite ΔE 7.68 #deaa88 Tumbleweed ΔE 7.96 #f4c2c2 Baby Pink ΔE 8.62 #1a5665 Инвертированный #b7b7b7 Оттенки серого 

Pastel Pink
#e5a99a  rgb(229, 169, 154)  hsl(12, 59%, 75%)  Pastel Pink
#9ad6e5  rgb(154, 214, 229)  hsl(192, 59%, 75%)  Non-Photo Blue
#9ae5a9  rgb(154, 229, 169)  hsl(132, 59%, 75%)  Granny Smith Apple
#a99ae5  rgb(169, 154, 229)  hsl(252, 59%, 75%)  Wisteria