ColorTool
Войти
#5034F5

#5034f5 ≈ Han Purple

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

#5034f5 — цвет из семейства «синие»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 31,37% красного, 20,39% зелёного и 96,08% синего; при печати в CMYK используется 67,35% голубого, 78,78% пурпурного, 0% жёлтого и 3,92% чёрного. Угол цветового тона — 248,7°, насыщенность 90,61% и светлота 58,24% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и кнопок призыва к действию. Текст цвета «белый» на этом фоне даёт контраст 6,66:1 (WCAG AA). Ближайший именованный цвет — Han Purple (#5218fa), ΔE 3,43.

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

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

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

  1. #5034f5
  2. #d9f534

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

  1. #5034f5
  2. #f5b034
  3. #79f534

Аналоговая

  1. #3479f5
  2. #5034f5
  3. #b034f5

Триада

  1. #5034f5
  2. #f55034
  3. #34f550

Тетрада

  1. #5034f5
  2. #f534d9
  3. #d9f534
  4. #34f550

Квадрат

  1. #5034f5
  2. #f53479
  3. #d9f534
  4. #34f5b0

Монохромная

  1. #1a0789
  2. #270ad2
  3. #5034f5
  4. #8f7df9
  5. #cec6fc

Тени

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

  1. #5034f5
  2. #482fdd
  3. #402ac4
  4. #3824ac
  5. #301f93
  6. #281a7b
  7. #201562
  8. #18104a
  9. #100a31
  10. #080519
  11. #000000

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

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

  1. #5034f5
  2. #6248f6
  3. #735df7
  4. #8571f8
  5. #9685f9
  6. #a89afa
  7. #b9aefb
  8. #cbc2fc
  9. #dcd6fd
  10. #eeebfe
  11. #ffffff

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

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

  1. #5034f5
  2. #553ce9
  3. #5a43de
  4. #5e4bd2
  5. #6352c6
  6. #685abb
  7. #6d62af
  8. #7269a3
  9. #767197
  10. #7b788c
  11. #808080

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

Ахроматопсия #5c5c5c ≈ 0.003% мужчин
Ахроматомалия #584faf ≈ 0.001% мужчин
Протанопия #0064fa ≈ 1.01% мужчин
Дейтеранопия #0054f2 ≈ 1.27% мужчин
Тританопия #006f95 ≈ 0.0001% мужчин
Протаномалия #0055f8 ≈ 1.08% мужчин
Дейтераномалия #0049f3 ≈ 4.63% мужчин
Тританомалия #005dc3 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-5034f5 {
  color: #5034f5;
}
Фон
.bg-5034f5 {
  background-color: #5034f5;
  color: #ffffff;
}
Рамка
.border-5034f5 {
  border: 2px solid #5034f5;
}
CSS-переменные
:root {
  --color-primary: #5034f5;
  --color-primary-rgb: 80 52 245;
  --color-primary-hsl: 249 91% 58%;
}
Градиент
.gradient-5034f5 {
  background: linear-gradient(135deg, #5034f5, #b034f5);
}
Цветная тень
.shadow-5034f5 {
  box-shadow: 0 8px 24px rgb(80 52 245 / 0.35);
}

#5218fa Han Purple ΔE 3.43 #6f00ff Electric Indigo ΔE 4.91 #3f00ff Ultramarine ΔE 5.13 #6050dc Majorelle Blue ΔE 6.48 #0000ff Blue ΔE 6.61 #5a4fcf Iris ΔE 6.98 #8a2be2 Blue Violet ΔE 7.72 #afcb0a Инвертированный #5c5c5c Оттенки серого 

Han Purple
#5034f5  rgb(80, 52, 245)  hsl(249, 91%, 58%)  Han Purple
#d9f534  rgb(217, 245, 52)  hsl(69, 91%, 58%)  Chartreuse Yellow
#f55034  rgb(245, 80, 52)  hsl(9, 91%, 58%)  Tomato
#34f550  rgb(52, 245, 80)  hsl(129, 91%, 58%)  Lime