ColorTool
Войти
#5C628B

#5c628b ≈ Queen Blue

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

#5c628b — цвет из семейства «синие»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 36,08% красного, 38,43% зелёного и 54,51% синего; при печати в CMYK используется 33,81% голубого, 29,5% пурпурного, 0% жёлтого и 45,49% чёрного. Угол цветового тона — 232,34°, насыщенность 20,35% и светлота 45,29% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 5,87:1 (WCAG AA). Ближайший именованный цвет — Queen Blue (#436b95), ΔE 9,94.

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

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

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

  1. #5c628b
  2. #8b855c

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

  1. #5c628b
  2. #8b6d5c
  3. #798b5c

Аналоговая

  1. #5c798b
  2. #5c628b
  3. #6d5c8b

Триада

  1. #5c628b
  2. #8b5c62
  3. #628b5c

Тетрада

  1. #5c628b
  2. #855c8b
  3. #8b855c
  4. #628b5c

Квадрат

  1. #5c628b
  2. #8b5c79
  3. #8b855c
  4. #5c8b6d

Монохромная

  1. #1f212f
  2. #3e425d
  3. #5c628b
  4. #858aae
  5. #b3b6cd

Тени

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

  1. #5c628b
  2. #53587d
  3. #4a4e6f
  4. #404561
  5. #373b53
  6. #2e3146
  7. #252738
  8. #1c1d2a
  9. #12141c
  10. #090a0e
  11. #000000

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

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

  1. #5c628b
  2. #6c7297
  3. #7d81a2
  4. #8d91ae
  5. #9da1b9
  6. #aeb1c5
  7. #bec0d1
  8. #ced0dc
  9. #dee0e8
  10. #efeff3
  11. #ffffff

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

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

  1. #5c628b
  2. #60658a
  3. #636889
  4. #676b88
  5. #6a6e87
  6. #6e7186
  7. #727484
  8. #757783
  9. #797a82
  10. #7c7d81
  11. #808080

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

Ахроматопсия #646464 ≈ 0.003% мужчин
Ахроматомалия #616476 ≈ 0.001% мужчин
Протанопия #56668d ≈ 1.01% мужчин
Дейтеранопия #53638a ≈ 1.27% мужчин
Тританопия #4f6a70 ≈ 0.0001% мужчин
Протаномалия #58658c ≈ 1.08% мужчин
Дейтераномалия #56638a ≈ 4.63% мужчин
Тританомалия #55677c ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-5c628b {
  color: #5c628b;
}
Фон
.bg-5c628b {
  background-color: #5c628b;
  color: #ffffff;
}
Рамка
.border-5c628b {
  border: 2px solid #5c628b;
}
CSS-переменные
:root {
  --color-primary: #5c628b;
  --color-primary-rgb: 92 98 139;
  --color-primary-hsl: 232 20% 45%;
}
Градиент
.gradient-5c628b {
  background: linear-gradient(135deg, #5c628b, #6d5c8b);
}
Цветная тень
.shadow-5c628b {
  box-shadow: 0 8px 24px rgb(92 98 139 / 0.35);
}

#436b95 Queen Blue ΔE 9.94 #7851a9 Royal Purple ΔE 11.86 #26619c Lapis Lazuli ΔE 12.00 #6a5acd Slate Blue ΔE 12.39 #796878 Old Lavender ΔE 12.59 #483d8b Dark Slate Blue ΔE 12.93 #1560bd Denim ΔE 13.20 #a39d74 Инвертированный #646464 Оттенки серого 

Queen Blue
#5c628b  rgb(92, 98, 139)  hsl(232, 20%, 45%)  Queen Blue
#8b855c  rgb(139, 133, 92)  hsl(52, 20%, 45%)  Moss Green
#8b5c62  rgb(139, 92, 98)  hsl(352, 20%, 45%)  Mauve Taupe
#628b5c  rgb(98, 139, 92)  hsl(112, 20%, 45%)  Sea Green