ColorTool
Войти
#4A6BA8

#4a6ba8 ≈ Queen Blue

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

#4a6ba8 — цвет из семейства «лазурные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 29,02% красного, 41,96% зелёного и 65,88% синего; при печати в CMYK используется 55,95% голубого, 36,31% пурпурного, 0% жёлтого и 34,12% чёрного. Угол цветового тона — 218,94°, насыщенность 38,84% и светлота 47,45% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 5,3:1 (WCAG AA). Ближайший именованный цвет — Queen Blue (#436b95), ΔE 3,74.

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

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

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

  1. #4a6ba8
  2. #a8874a

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

  1. #4a6ba8
  2. #a8584a
  3. #9aa84a

Аналоговая

  1. #4a9aa8
  2. #4a6ba8
  3. #584aa8

Триада

  1. #4a6ba8
  2. #a84a6b
  3. #6ba84a

Тетрада

  1. #4a6ba8
  2. #874aa8
  3. #a8874a
  4. #6ba84a

Квадрат

  1. #4a6ba8
  2. #a84a9a
  3. #a8874a
  4. #4aa858

Монохромная

  1. #1b273e
  2. #334973
  3. #4a6ba8
  4. #7a94c4
  5. #afbfdc

Тени

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

  1. #4a6ba8
  2. #436097
  3. #3b5686
  4. #344b76
  5. #2c4065
  6. #253654
  7. #1e2b43
  8. #162032
  9. #0f1522
  10. #070b11
  11. #000000

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

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

  1. #4a6ba8
  2. #5c7ab1
  3. #6e89b9
  4. #8097c2
  5. #92a6cb
  6. #a5b5d4
  7. #b7c4dc
  8. #c9d3e5
  9. #dbe1ee
  10. #edf0f6
  11. #ffffff

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

#4a6ba8, постепенно смешанный с серым.

  1. #4a6ba8
  2. #4f6da4
  3. #556fa0
  4. #5a719c
  5. #607398
  6. #657694
  7. #6a7890
  8. #707a8c
  9. #757c88
  10. #7b7e84
  11. #808080

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

Ахроматопсия #6b6b6b ≈ 0.003% мужчин
Ахроматомалия #606b88 ≈ 0.001% мужчин
Протанопия #5270aa ≈ 1.01% мужчин
Дейтеранопия #4767a7 ≈ 1.27% мужчин
Тританопия #0f7881 ≈ 0.0001% мужчин
Протаномалия #4f6eaa ≈ 1.08% мужчин
Дейтераномалия #4869a7 ≈ 4.63% мужчин
Тританомалия #317392 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-4a6ba8 {
  color: #4a6ba8;
}
Фон
.bg-4a6ba8 {
  background-color: #4a6ba8;
  color: #ffffff;
}
Рамка
.border-4a6ba8 {
  border: 2px solid #4a6ba8;
}
CSS-переменные
:root {
  --color-primary: #4a6ba8;
  --color-primary-rgb: 74 107 168;
  --color-primary-hsl: 219 39% 47%;
}
Градиент
.gradient-4a6ba8 {
  background: linear-gradient(135deg, #4a6ba8, #584aa8);
}
Цветная тень
.shadow-4a6ba8 {
  box-shadow: 0 8px 24px rgb(74 107 168 / 0.35);
}

#436b95 Queen Blue ΔE 3.74 #1560bd Denim ΔE 5.76 #26619c Lapis Lazuli ΔE 6.12 #4169e1 Royal Blue ΔE 6.87 #0073cf True Blue ΔE 7.43 #0067a5 Medium Persian Blue ΔE 7.80 #0072bb French Blue ΔE 7.86 #b59457 Инвертированный #6b6b6b Оттенки серого 

Queen Blue
#4a6ba8  rgb(74, 107, 168)  hsl(219, 39%, 47%)  Queen Blue
#a8874a  rgb(168, 135, 74)  hsl(39, 39%, 47%)  Dark Goldenrod
#a84a6b  rgb(168, 74, 107)  hsl(339, 39%, 47%)  Twilight Lavender
#6ba84a  rgb(107, 168, 74)  hsl(99, 39%, 47%)  Asparagus