ColorTool
Войти
#567AA0

#567aa0 ≈ Glaucous

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

#567aa0 — цвет из семейства «лазурные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 33,73% красного, 47,84% зелёного и 62,75% синего; при печати в CMYK используется 46,25% голубого, 23,75% пурпурного, 0% жёлтого и 37,25% чёрного. Угол цветового тона — 210,81°, насыщенность 30,08% и светлота 48,24% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 4,69:1 (WCAG AA). Ближайший именованный цвет — Glaucous (#6082b6), ΔE 4,66.

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

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

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

  1. #567aa0
  2. #a07c56

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

  1. #567aa0
  2. #a05756
  3. #9fa056

Аналоговая

  1. #569fa0
  2. #567aa0
  3. #5756a0

Триада

  1. #567aa0
  2. #a0567a
  3. #7aa056

Тетрада

  1. #567aa0
  2. #7c56a0
  3. #a07c56
  4. #7aa056

Квадрат

  1. #567aa0
  2. #a0569f
  3. #a07c56
  4. #56a057

Монохромная

  1. #212e3d
  2. #3b546e
  3. #567aa0
  4. #85a1bd
  5. #b7c7d8

Тени

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

  1. #567aa0
  2. #4d6e90
  3. #456280
  4. #3c5570
  5. #344960
  6. #2b3d50
  7. #223140
  8. #1a2530
  9. #111820
  10. #090c10
  11. #000000

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

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

  1. #567aa0
  2. #6787aa
  3. #7895b3
  4. #89a2bd
  5. #9aafc6
  6. #abbdd0
  7. #bbcad9
  8. #ccd7e3
  9. #dde4ec
  10. #eef2f6
  11. #ffffff

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

#567aa0, постепенно смешанный с серым.

  1. #567aa0
  2. #5a7b9d
  3. #5e7b9a
  4. #637c96
  5. #677c93
  6. #6b7d90
  7. #6f7e8d
  8. #737e8a
  9. #787f86
  10. #7c7f83
  11. #808080

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

Ахроматопсия #777777 ≈ 0.003% мужчин
Ахроматомалия #6b7889 ≈ 0.001% мужчин
Протанопия #6b7ba2 ≈ 1.01% мужчин
Дейтеранопия #62749f ≈ 1.27% мужчин
Тританопия #388387 ≈ 0.0001% мужчин
Протаномалия #637ba1 ≈ 1.08% мужчин
Дейтераномалия #5d76a0 ≈ 4.63% мужчин
Тританомалия #467f92 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-567aa0 {
  color: #567aa0;
}
Фон
.bg-567aa0 {
  background-color: #567aa0;
  color: #000000;
}
Рамка
.border-567aa0 {
  border: 2px solid #567aa0;
}
CSS-переменные
:root {
  --color-primary: #567aa0;
  --color-primary-rgb: 86 122 160;
  --color-primary-hsl: 211 30% 48%;
}
Градиент
.gradient-567aa0 {
  background: linear-gradient(135deg, #567aa0, #5756a0);
}
Цветная тень
.shadow-567aa0 {
  box-shadow: 0 8px 24px rgb(86 122 160 / 0.35);
}

#6082b6 Glaucous ΔE 4.66 #4682b4 Steel Blue ΔE 4.80 #417dc1 Tufts Blue ΔE 4.86 #436b95 Queen Blue ΔE 5.91 #5d8aa8 Air Force Blue ΔE 6.95 #0073cf True Blue ΔE 7.09 #0072bb French Blue ΔE 7.38 #a9855f Инвертированный #777777 Оттенки серого 

Glaucous
#567aa0  rgb(86, 122, 160)  hsl(211, 30%, 48%)  Glaucous
#a07c56  rgb(160, 124, 86)  hsl(31, 30%, 48%)  Cafe au Lait
#a0567a  rgb(160, 86, 122)  hsl(331, 30%, 48%)  Twilight Lavender
#7aa056  rgb(122, 160, 86)  hsl(91, 30%, 48%)  Asparagus