ColorTool
Войти
#4C7997

#4c7997 ≈ Steel Blue

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

#4c7997 — цвет из семейства «лазурные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 29,8% красного, 47,45% зелёного и 59,22% синего; при печати в CMYK используется 49,67% голубого, 19,87% пурпурного, 0% жёлтого и 40,78% чёрного. Угол цветового тона — 204°, насыщенность 33,04% и светлота 44,51% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 4,68:1 (WCAG AA). Ближайший именованный цвет — Steel Blue (#4682b4), ΔE 5,7.

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

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

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

  1. #4c7997
  2. #976a4c

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

  1. #4c7997
  2. #974c54
  3. #97904c

Аналоговая

  1. #4c9790
  2. #4c7997
  3. #4c5497

Триада

  1. #4c7997
  2. #974c79
  3. #79974c

Тетрада

  1. #4c7997
  2. #6a4c97
  3. #976a4c
  4. #79974c

Квадрат

  1. #4c7997
  2. #904c97
  3. #976a4c
  4. #54974c

Монохромная

  1. #192731
  2. #325064
  3. #4c7997
  4. #769fba
  5. #a9c2d3

Тени

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

  1. #4c7997
  2. #446d88
  3. #3d6179
  4. #35556a
  5. #2e495b
  6. #263d4c
  7. #1e303c
  8. #17242d
  9. #0f181e
  10. #080c0f
  11. #000000

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

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

  1. #4c7997
  2. #5e86a1
  3. #7094ac
  4. #82a1b6
  5. #94afc1
  6. #a6bccb
  7. #b7c9d5
  8. #c9d7e0
  9. #dbe4ea
  10. #edf2f5
  11. #ffffff

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

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

  1. #4c7997
  2. #517a95
  3. #567a92
  4. #5c7b90
  5. #617c8e
  6. #667d8c
  7. #6b7d89
  8. #707e87
  9. #767f85
  10. #7b7f82
  11. #808080

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

Ахроматопсия #747474 ≈ 0.003% мужчин
Ахроматомалия #667683 ≈ 0.001% мужчин
Протанопия #6c7898 ≈ 1.01% мужчин
Дейтеранопия #617096 ≈ 1.27% мужчин
Тританопия #278183 ≈ 0.0001% мужчин
Протаномалия #607998 ≈ 1.08% мужчин
Дейтераномалия #5a7497 ≈ 4.63% мужчин
Тританомалия #397e8b ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-4c7997 {
  color: #4c7997;
}
Фон
.bg-4c7997 {
  background-color: #4c7997;
  color: #ffffff;
}
Рамка
.border-4c7997 {
  border: 2px solid #4c7997;
}
CSS-переменные
:root {
  --color-primary: #4c7997;
  --color-primary-rgb: 76 121 151;
  --color-primary-hsl: 204 33% 45%;
}
Градиент
.gradient-4c7997 {
  background: linear-gradient(135deg, #4c7997, #4c5497);
}
Цветная тень
.shadow-4c7997 {
  box-shadow: 0 8px 24px rgb(76 121 151 / 0.35);
}

#4682b4 Steel Blue ΔE 5.70 #007ba7 Cerulean ΔE 5.72 #5d8aa8 Air Force Blue ΔE 6.52 #436b95 Queen Blue ΔE 6.62 #417dc1 Tufts Blue ΔE 6.97 #367588 Teal Blue ΔE 7.16 #0072bb French Blue ΔE 7.43 #b38668 Инвертированный #747474 Оттенки серого 

Steel Blue
#4c7997  rgb(76, 121, 151)  hsl(204, 33%, 45%)  Steel Blue
#976a4c  rgb(151, 106, 76)  hsl(24, 33%, 45%)  Cafe au Lait
#974c79  rgb(151, 76, 121)  hsl(324, 33%, 45%)  Twilight Lavender
#79974c  rgb(121, 151, 76)  hsl(84, 33%, 45%)  Moss Green