ColorTool
Войти
#BA36FF

#ba36ff ≈ Electric Purple

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

#ba36ff — цвет из семейства «фиолетовые»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 72,94% красного, 21,18% зелёного и 100% синего; при печати в CMYK используется 27,06% голубого, 78,82% пурпурного, 0% жёлтого и 0% чёрного. Угол цветового тона — 279,4°, насыщенность 100% и светлота 60,59% в модели HSL. Это холодный цвет, который часто ассоциируется с воображением, духовностью и роскошью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 5,06:1 (WCAG AA). Ближайший именованный цвет — Electric Purple (#bf00ff), ΔE 3,11.

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

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

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

  1. #ba36ff
  2. #7bff36

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

  1. #ba36ff
  2. #e0ff36
  3. #36ff55

Аналоговая

  1. #5536ff
  2. #ba36ff
  3. #ff36e0

Триада

  1. #ba36ff
  2. #ffba36
  3. #36ffba

Тетрада

  1. #ba36ff
  2. #ff367b
  3. #7bff36
  4. #36ffba

Квадрат

  1. #ba36ff
  2. #ff5536
  3. #7bff36
  4. #36e0ff

Монохромная

  1. #66009c
  2. #9900e9
  3. #ba36ff
  4. #d483ff
  5. #efcfff

Тени

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

  1. #ba36ff
  2. #a731e6
  3. #952bcc
  4. #8226b3
  5. #702099
  6. #5d1b80
  7. #4a1666
  8. #38104d
  9. #250b33
  10. #13051a
  11. #000000

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

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

  1. #ba36ff
  2. #c14aff
  3. #c85eff
  4. #cf72ff
  5. #d686ff
  6. #dd9bff
  7. #e3afff
  8. #eac3ff
  9. #f1d7ff
  10. #f8ebff
  11. #ffffff

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

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

  1. #ba36ff
  2. #b43df2
  3. #ae45e6
  4. #a94cd9
  5. #a354cc
  6. #9d5bc0
  7. #9762b3
  8. #916aa6
  9. #8c7199
  10. #86798d
  11. #808080

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

Ахроматопсия #7c7c7c ≈ 0.003% мужчин
Ахроматомалия #9967bf ≈ 0.001% мужчин
Протанопия #0077ff ≈ 1.01% мужчин
Дейтеранопия #007efb ≈ 1.27% мужчин
Тританопия #b06a9c ≈ 0.0001% мужчин
Протаномалия #6963ff ≈ 1.08% мужчин
Дейтераномалия #7869fd ≈ 4.63% мужчин
Тританомалия #b459cb ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-ba36ff {
  color: #ba36ff;
}
Фон
.bg-ba36ff {
  background-color: #ba36ff;
  color: #000000;
}
Рамка
.border-ba36ff {
  border: 2px solid #ba36ff;
}
CSS-переменные
:root {
  --color-primary: #ba36ff;
  --color-primary-rgb: 186 54 255;
  --color-primary-hsl: 279 100% 61%;
}
Градиент
.gradient-ba36ff {
  background: linear-gradient(135deg, #ba36ff, #ff36e0);
}
Цветная тень
.shadow-ba36ff {
  box-shadow: 0 8px 24px rgb(186 54 255 / 0.35);
}

#bf00ff Electric Purple ΔE 3.11 #ba55d3 Medium Orchid ΔE 7.36 #9f00ff Vivid Violet ΔE 7.56 #9932cc Dark Orchid ΔE 9.45 #8f00ff Electric Violet ΔE 9.98 #8a2be2 Blue Violet ΔE 10.26 #9966cc Amethyst ΔE 10.38 #45c900 Инвертированный #7c7c7c Оттенки серого 

Electric Purple
#ba36ff  rgb(186, 54, 255)  hsl(279, 100%, 61%)  Electric Purple
#7bff36  rgb(123, 255, 54)  hsl(99, 100%, 61%)  Lawn Green
#ffba36  rgb(255, 186, 54)  hsl(39, 100%, 61%)  Amber
#36ffba  rgb(54, 255, 186)  hsl(159, 100%, 61%)  Medium Spring Green