ColorTool
Войти
#5F7BDF

#5f7bdf ≈ Glaucous

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

#5f7bdf — цвет из семейства «синие»; светлота: высокая, насыщенность: сильная. В модели RGB он состоит из 37,25% красного, 48,24% зелёного и 87,45% синего; при печати в CMYK используется 57,4% голубого, 44,84% пурпурного, 0% жёлтого и 12,55% чёрного. Угол цветового тона — 226,88°, насыщенность 66,67% и светлота 62,35% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 5,39:1 (WCAG AA). Ближайший именованный цвет — Glaucous (#6082b6), ΔE 5,35.

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

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

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

  1. #5f7bdf
  2. #dfc35f

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

  1. #5f7bdf
  2. #df835f
  3. #bbdf5f

Аналоговая

  1. #5fbbdf
  2. #5f7bdf
  3. #835fdf

Триада

  1. #5f7bdf
  2. #df5f7b
  3. #7bdf5f

Тетрада

  1. #5f7bdf
  2. #c35fdf
  3. #dfc35f
  4. #7bdf5f

Квадрат

  1. #5f7bdf
  2. #df5fbb
  3. #dfc35f
  4. #5fdf83

Монохромная

  1. #1b3489
  2. #284bc9
  3. #5f7bdf
  4. #9fb0ec
  5. #dee4f8

Тени

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

  1. #5f7bdf
  2. #566fc9
  3. #4c62b2
  4. #43569c
  5. #394a86
  6. #303e70
  7. #263159
  8. #1d2543
  9. #13192d
  10. #0a0c16
  11. #000000

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

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

  1. #5f7bdf
  2. #6f88e2
  3. #7f95e5
  4. #8fa3e9
  5. #9fb0ec
  6. #afbdef
  7. #bfcaf2
  8. #cfd7f5
  9. #dfe5f9
  10. #eff2fc
  11. #ffffff

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

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

  1. #5f7bdf
  2. #627cd6
  3. #667ccc
  4. #697dc3
  5. #6c7db9
  6. #707eb0
  7. #737ea6
  8. #767f9d
  9. #797f93
  10. #7d808a
  11. #808080

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

Ахроматопсия #818181 ≈ 0.003% мужчин
Ахроматомалия #757faf ≈ 0.001% мужчин
Протанопия #4d87e3 ≈ 1.01% мужчин
Дейтеранопия #3b7cdd ≈ 1.27% мужчин
Тританопия #0091a2 ≈ 0.0001% мужчин
Протаномалия #5582e1 ≈ 1.08% мужчин
Дейтераномалия #4c7bde ≈ 4.63% мужчин
Тританомалия #3b89be ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-5f7bdf {
  color: #5f7bdf;
}
Фон
.bg-5f7bdf {
  background-color: #5f7bdf;
  color: #000000;
}
Рамка
.border-5f7bdf {
  border: 2px solid #5f7bdf;
}
CSS-переменные
:root {
  --color-primary: #5f7bdf;
  --color-primary-rgb: 95 123 223;
  --color-primary-hsl: 227 67% 62%;
}
Градиент
.gradient-5f7bdf {
  background: linear-gradient(135deg, #5f7bdf, #835fdf);
}
Цветная тень
.shadow-5f7bdf {
  box-shadow: 0 8px 24px rgb(95 123 223 / 0.35);
}

#6082b6 Glaucous ΔE 5.35 #4169e1 Royal Blue ΔE 6.61 #0070ff Brandeis Blue ΔE 6.68 #4166f5 Ultramarine Blue ΔE 7.36 #417dc1 Tufts Blue ΔE 7.37 #5b92e5 United Nations Blue ΔE 8.38 #6495ed Cornflower Blue ΔE 8.74 #a08420 Инвертированный #818181 Оттенки серого 

Glaucous
#5f7bdf  rgb(95, 123, 223)  hsl(227, 67%, 62%)  Glaucous
#dfc35f  rgb(223, 195, 95)  hsl(47, 67%, 62%)  Old Gold
#df5f7b  rgb(223, 95, 123)  hsl(347, 67%, 62%)  Blush
#7bdf5f  rgb(123, 223, 95)  hsl(107, 67%, 62%)  Pastel Green