ColorTool
Войти
#E476F4

#e476f4 ≈ Heliotrope

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

#e476f4 — цвет из семейства «пурпурные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 89,41% красного, 46,27% зелёного и 95,69% синего; при печати в CMYK используется 6,56% голубого, 51,64% пурпурного, 0% жёлтого и 4,31% чёрного. Угол цветового тона — 292,38°, насыщенность 85,14% и светлота 70,98% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 8,2:1 (WCAG AAA). Ближайший именованный цвет — Heliotrope (#df73ff), ΔE 2,39.

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

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

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

  1. #e476f4
  2. #86f476

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

  1. #e476f4
  2. #c5f476
  3. #76f4a5

Аналоговая

  1. #a576f4
  2. #e476f4
  3. #f476c5

Триада

  1. #e476f4
  2. #f4e476
  3. #76f4e4

Тетрада

  1. #e476f4
  2. #f47686
  3. #86f476
  4. #76f4e4

Квадрат

  1. #e476f4
  2. #f4a576
  3. #86f476
  4. #76c5f4

Монохромная

  1. #ab10c1
  2. #d62fee
  3. #e476f4
  4. #f2bdfa
  5. #fbecfd

Тени

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

  1. #e476f4
  2. #cd6adc
  3. #b65ec3
  4. #a053ab
  5. #894792
  6. #723b7a
  7. #5b2f62
  8. #442349
  9. #2e1831
  10. #170c18
  11. #000000

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

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

  1. #e476f4
  2. #e784f5
  3. #e991f6
  4. #ec9ff7
  5. #efadf8
  6. #f2bbfa
  7. #f4c8fb
  8. #f7d6fc
  9. #fae4fd
  10. #fcf1fe
  11. #ffffff

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

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

  1. #e476f4
  2. #da77e8
  3. #d078dd
  4. #c679d1
  5. #bc7ac6
  6. #b27bba
  7. #a87cae
  8. #9e7da3
  9. #947e97
  10. #8a7f8c
  11. #808080

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

Ахроматопсия #a2a2a2 ≈ 0.003% мужчин
Ахроматомалия #c092c8 ≈ 0.001% мужчин
Протанопия #639af8 ≈ 1.01% мужчин
Дейтеранопия #85a6f0 ≈ 1.27% мужчин
Тританопия #e787aa ≈ 0.0001% мужчин
Протаномалия #a78df7 ≈ 1.08% мужчин
Дейтераномалия #b395f2 ≈ 4.63% мужчин
Тританомалия #e680cc ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#df73ff Heliotrope ΔE 2.39 #ee82ee Violet ΔE 3.79 #ff77ff Fuchsia Pink ΔE 4.23 #da70d6 Orchid ΔE 4.79 #b57edc Floral Lavender ΔE 8.32 #ff66cc Rose Pink ΔE 9.32 #ff00ff Fuchsia ΔE 9.62 #1b890b Инвертированный #a2a2a2 Оттенки серого 

Heliotrope
#e476f4  rgb(228, 118, 244)  hsl(292, 85%, 71%)  Heliotrope
#86f476  rgb(134, 244, 118)  hsl(112, 85%, 71%)  Mint Green
#f4e476  rgb(244, 228, 118)  hsl(52, 85%, 71%)  Straw
#76f4e4  rgb(118, 244, 228)  hsl(172, 85%, 71%)  Turquoise Blue