ColorTool
Войти
#6757BB

#6757bb ≈ Slate Blue

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

#6757bb — цвет из семейства «синие»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 40,39% красного, 34,12% зелёного и 73,33% синего; при печати в CMYK используется 44,92% голубого, 53,48% пурпурного, 0% жёлтого и 26,67% чёрного. Угол цветового тона — 249,6°, насыщенность 42,37% и светлота 53,73% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 5,74:1 (WCAG AA). Ближайший именованный цвет — Slate Blue (#6a5acd), ΔE 2,92.

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

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

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

  1. #6757bb
  2. #abbb57

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

  1. #6757bb
  2. #bb9957
  3. #79bb57

Аналоговая

  1. #5779bb
  2. #6757bb
  3. #9957bb

Триада

  1. #6757bb
  2. #bb6757
  3. #57bb67

Тетрада

  1. #6757bb
  2. #bb57ab
  3. #abbb57
  4. #57bb67

Квадрат

  1. #6757bb
  2. #bb5779
  3. #abbb57
  4. #57bb99

Монохромная

  1. #2b2356
  2. #46398d
  3. #6757bb
  4. #988dd1
  5. #cac4e7

Тени

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

  1. #6757bb
  2. #5d4ea8
  3. #524696
  4. #483d83
  5. #3e3470
  6. #342c5e
  7. #29234b
  8. #1f1a38
  9. #151125
  10. #0a0913
  11. #000000

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

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

  1. #6757bb
  2. #7668c2
  3. #8579c9
  4. #9589cf
  5. #a49ad6
  6. #b3abdd
  7. #c2bce4
  8. #d1cdeb
  9. #e1ddf1
  10. #f0eef8
  11. #ffffff

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

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

  1. #6757bb
  2. #6a5bb5
  3. #6c5faf
  4. #6f63a9
  5. #7167a3
  6. #746c9e
  7. #767098
  8. #797492
  9. #7b788c
  10. #7e7c86
  11. #808080

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

Ахроматопсия #666666 ≈ 0.003% мужчин
Ахроматомалия #666090 ≈ 0.001% мужчин
Протанопия #2668be ≈ 1.01% мужчин
Дейтеранопия #2563b9 ≈ 1.27% мужчин
Тританопия #4d6c80 ≈ 0.0001% мужчин
Протаномалия #4962bd ≈ 1.08% мужчин
Дейтераномалия #485fba ≈ 4.63% мужчин
Тританомалия #58659b ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-6757bb {
  color: #6757bb;
}
Фон
.bg-6757bb {
  background-color: #6757bb;
  color: #ffffff;
}
Рамка
.border-6757bb {
  border: 2px solid #6757bb;
}
CSS-переменные
:root {
  --color-primary: #6757bb;
  --color-primary-rgb: 103 87 187;
  --color-primary-hsl: 250 42% 54%;
}
Градиент
.gradient-6757bb {
  background: linear-gradient(135deg, #6757bb, #9957bb);
}
Цветная тень
.shadow-6757bb {
  box-shadow: 0 8px 24px rgb(103 87 187 / 0.35);
}

#6a5acd Slate Blue ΔE 2.92 #5a4fcf Iris ΔE 4.37 #6050dc Majorelle Blue ΔE 5.28 #7851a9 Royal Purple ΔE 5.86 #4f42b5 Ocean Blue ΔE 6.97 #7b68ee Medium Slate Blue ΔE 9.77 #69359c Purple Heart ΔE 10.63 #98a844 Инвертированный #666666 Оттенки серого 

Slate Blue
#6757bb  rgb(103, 87, 187)  hsl(250, 42%, 54%)  Slate Blue
#abbb57  rgb(171, 187, 87)  hsl(70, 42%, 54%)  Dark Khaki
#bb6757  rgb(187, 103, 87)  hsl(10, 42%, 54%)  Indian Red
#57bb67  rgb(87, 187, 103)  hsl(130, 42%, 54%)  Emerald