ColorTool
Войти
#E04556

#e04556 ≈ Amaranth

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

#e04556 — цвет из семейства «красные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 87,84% красного, 27,06% зелёного и 33,73% синего; при печати в CMYK используется 0% голубого, 69,2% пурпурного, 61,61% жёлтого и 12,16% чёрного. Угол цветового тона — 353,42°, насыщенность 71,43% и светлота 57,45% в модели HSL. Это тёплый цвет, который часто ассоциируется с энергией, страстью и срочностью. Дизайнеры обычно используют его для: брендов еды и ресторанов, распродаж и акций и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 5,16:1 (WCAG AA). Ближайший именованный цвет — Amaranth (#e52b50), ΔE 3,18.

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

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

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

  1. #e04556
  2. #45e0cf

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

  1. #e04556
  2. #45e081
  3. #45a3e0

Аналоговая

  1. #e045a3
  2. #e04556
  3. #e08145

Триада

  1. #e04556
  2. #56e045
  3. #4556e0

Тетрада

  1. #e04556
  2. #e0cf45
  3. #45e0cf
  4. #4556e0

Квадрат

  1. #e04556
  2. #a3e045
  3. #45e0cf
  4. #8145e0

Монохромная

  1. #78141f
  2. #ba1f30
  3. #e04556
  4. #eb8792
  5. #f6c8cd

Тени

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

  1. #e04556
  2. #ca3e4d
  3. #b33745
  4. #9d303c
  5. #862934
  6. #70232b
  7. #5a1c22
  8. #43151a
  9. #2d0e11
  10. #160709
  11. #000000

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

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

  1. #e04556
  2. #e35867
  3. #e66a78
  4. #e97d89
  5. #ec8f9a
  6. #f0a2ab
  7. #f3b5bb
  8. #f6c7cc
  9. #f9dadd
  10. #fcecee
  11. #ffffff

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

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

  1. #e04556
  2. #d64b5a
  3. #cd515e
  4. #c35763
  5. #ba5d67
  6. #b0636b
  7. #a6686f
  8. #9d6e73
  9. #937478
  10. #8a7a7c
  11. #808080

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

Ахроматопсия #7e7e7e ≈ 0.003% мужчин
Ахроматомалия #ae6b70 ≈ 0.001% мужчин
Протанопия #6e6956 ≈ 1.01% мужчин
Дейтеранопия #968a52 ≈ 1.27% мужчин
Тританопия #f51b4c ≈ 0.0001% мужчин
Протаномалия #a85d56 ≈ 1.08% мужчин
Дейтераномалия #b87453 ≈ 4.63% мужчин
Тританомалия #ed3150 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-e04556 {
  color: #e04556;
}
Фон
.bg-e04556 {
  background-color: #e04556;
  color: #000000;
}
Рамка
.border-e04556 {
  border: 2px solid #e04556;
}
CSS-переменные
:root {
  --color-primary: #e04556;
  --color-primary-rgb: 224 69 86;
  --color-primary-hsl: 353 71% 57%;
}
Градиент
.gradient-e04556 {
  background: linear-gradient(135deg, #e04556, #e08145);
}
Цветная тень
.shadow-e04556 {
  box-shadow: 0 8px 24px rgb(224 69 86 / 0.35);
}

#e52b50 Amaranth ΔE 3.18 #cd5c5c Indian Red ΔE 4.88 #cb4154 Brick Red ΔE 4.89 #ff004f Folly ΔE 5.13 #fe4164 Neon Fuchsia ΔE 5.83 #dc143c Crimson ΔE 6.64 #de3163 Cerise ΔE 6.80 #1fbaa9 Инвертированный #7e7e7e Оттенки серого 

Amaranth
#e04556  rgb(224, 69, 86)  hsl(353, 71%, 57%)  Amaranth
#45e0cf  rgb(69, 224, 207)  hsl(173, 71%, 57%)  Turquoise
#56e045  rgb(86, 224, 69)  hsl(113, 71%, 57%)  Malachite
#4556e0  rgb(69, 86, 224)  hsl(233, 71%, 57%)  Iris