ColorTool
Войти
#5A6694

#5a6694 ≈ Queen Blue

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

#5a6694 — цвет из семейства «синие»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 35,29% красного, 40% зелёного и 58,04% синего; при печати в CMYK используется 39,19% голубого, 31,08% пурпурного, 0% жёлтого и 41,96% чёрного. Угол цветового тона — 227,59°, насыщенность 24,37% и светлота 46,67% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 5,58:1 (WCAG AA). Ближайший именованный цвет — Queen Blue (#436b95), ΔE 7,73.

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

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

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

  1. #5a6694
  2. #94885a

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

  1. #5a6694
  2. #946b5a
  3. #83945a

Аналоговая

  1. #5a8394
  2. #5a6694
  3. #6b5a94

Триада

  1. #5a6694
  2. #945a66
  3. #66945a

Тетрада

  1. #5a6694
  2. #885a94
  3. #94885a
  4. #66945a

Квадрат

  1. #5a6694
  2. #945a83
  3. #94885a
  4. #5a946b

Монохромная

  1. #202435
  2. #3d4564
  3. #5a6694
  4. #858fb5
  5. #b5bbd2

Тени

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

  1. #5a6694
  2. #515c85
  3. #485276
  4. #3f4768
  5. #363d59
  6. #2d334a
  7. #24293b
  8. #1b1f2c
  9. #12141e
  10. #090a0f
  11. #000000

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

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

  1. #5a6694
  2. #6b759f
  3. #7b85a9
  4. #8c94b4
  5. #9ca3bf
  6. #adb3ca
  7. #bdc2d4
  8. #ced1df
  9. #dee0ea
  10. #eff0f4
  11. #ffffff

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

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

  1. #5a6694
  2. #5e6992
  3. #626b90
  4. #656e8e
  5. #69708c
  6. #6d738a
  7. #717688
  8. #757886
  9. #787b84
  10. #7c7d82
  11. #808080

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

Ахроматопсия #686868 ≈ 0.003% мужчин
Ахроматомалия #63677c ≈ 0.001% мужчин
Протанопия #576a96 ≈ 1.01% мужчин
Дейтеранопия #526693 ≈ 1.27% мужчин
Тританопия #486f76 ≈ 0.0001% мужчин
Протаномалия #586995 ≈ 1.08% мужчин
Дейтераномалия #556693 ≈ 4.63% мужчин
Тританомалия #506c83 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-5a6694 {
  color: #5a6694;
}
Фон
.bg-5a6694 {
  background-color: #5a6694;
  color: #ffffff;
}
Рамка
.border-5a6694 {
  border: 2px solid #5a6694;
}
CSS-переменные
:root {
  --color-primary: #5a6694;
  --color-primary-rgb: 90 102 148;
  --color-primary-hsl: 228 24% 47%;
}
Градиент
.gradient-5a6694 {
  background: linear-gradient(135deg, #5a6694, #6b5a94);
}
Цветная тень
.shadow-5a6694 {
  box-shadow: 0 8px 24px rgb(90 102 148 / 0.35);
}

#436b95 Queen Blue ΔE 7.73 #26619c Lapis Lazuli ΔE 10.07 #1560bd Denim ΔE 10.86 #6a5acd Slate Blue ΔE 11.04 #4169e1 Royal Blue ΔE 11.67 #6082b6 Glaucous ΔE 11.69 #0f52ba Sapphire ΔE 11.84 #a5996b Инвертированный #686868 Оттенки серого 

Queen Blue
#5a6694  rgb(90, 102, 148)  hsl(228, 24%, 47%)  Queen Blue
#94885a  rgb(148, 136, 90)  hsl(48, 24%, 47%)  Moss Green
#945a66  rgb(148, 90, 102)  hsl(348, 24%, 47%)  Mauve Taupe
#66945a  rgb(102, 148, 90)  hsl(108, 24%, 47%)  Asparagus