ColorTool
Войти
#7A8E9D

#7a8e9d ≈ Light Slate Gray

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

#7a8e9d — цвет из семейства «лазурные»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 47,84% красного, 55,69% зелёного и 61,57% синего; при печати в CMYK используется 22,29% голубого, 9,55% пурпурного, 0% жёлтого и 38,43% чёрного. Угол цветового тона — 205,71°, насыщенность 15,15% и светлота 54,71% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,18:1 (WCAG AA). Ближайший именованный цвет — Light Slate Gray (#778899), ΔE 2,63.

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

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

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

  1. #7a8e9d
  2. #9d897a

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

  1. #7a8e9d
  2. #9d7a7d
  3. #9d9b7a

Аналоговая

  1. #7a9d9b
  2. #7a8e9d
  3. #7a7d9d

Триада

  1. #7a8e9d
  2. #9d7a8e
  3. #8e9d7a

Тетрада

  1. #7a8e9d
  2. #897a9d
  3. #9d897a
  4. #8e9d7a

Квадрат

  1. #7a8e9d
  2. #9b7a9d
  3. #9d897a
  4. #7d9d7a

Монохромная

  1. #354049
  2. #566775
  3. #7a8e9d
  4. #a6b3bd
  5. #d2d9de

Тени

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

  1. #7a8e9d
  2. #6e808d
  3. #62727e
  4. #55636e
  5. #49555e
  6. #3d474f
  7. #31393f
  8. #252b2f
  9. #181c1f
  10. #0c0e10
  11. #000000

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

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

  1. #7a8e9d
  2. #8799a7
  3. #95a5b1
  4. #a2b0ba
  5. #afbbc4
  6. #bdc7ce
  7. #cad2d8
  8. #d7dde2
  9. #e4e8eb
  10. #f2f4f5
  11. #ffffff

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

#7a8e9d, постепенно смешанный с серым.

  1. #7a8e9d
  2. #7b8d9a
  3. #7b8b97
  4. #7c8a94
  5. #7c8891
  6. #7d878f
  7. #7e868c
  8. #7e8489
  9. #7f8386
  10. #7f8183
  11. #808080

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

Ахроматопсия #8b8b8b ≈ 0.003% мужчин
Ахроматомалия #858c93 ≈ 0.001% мужчин
Протанопия #888e9e ≈ 1.01% мужчин
Дейтеранопия #838a9d ≈ 1.27% мужчин
Тританопия #709293 ≈ 0.0001% мужчин
Протаномалия #828e9d ≈ 1.08% мужчин
Дейтераномалия #808b9d ≈ 4.63% мужчин
Тританомалия #749097 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-7a8e9d {
  color: #7a8e9d;
}
Фон
.bg-7a8e9d {
  background-color: #7a8e9d;
  color: #000000;
}
Рамка
.border-7a8e9d {
  border: 2px solid #7a8e9d;
}
CSS-переменные
:root {
  --color-primary: #7a8e9d;
  --color-primary-rgb: 122 142 157;
  --color-primary-hsl: 206 15% 55%;
}
Градиент
.gradient-7a8e9d {
  background: linear-gradient(135deg, #7a8e9d, #7a7d9d);
}
Цветная тень
.shadow-7a8e9d {
  box-shadow: 0 8px 24px rgb(122 142 157 / 0.35);
}

#778899 Light Slate Gray ΔE 2.63 #778899 Light Slate Grey ΔE 2.63 #708090 Slate Gray ΔE 5.17 #708090 Slate Grey ΔE 5.17 #5d8aa8 Air Force Blue ΔE 6.82 #8c92ac Cool Gray ΔE 9.43 #808080 Gray ΔE 10.14 #857162 Инвертированный #8b8b8b Оттенки серого 

Light Slate Gray
#7a8e9d  rgb(122, 142, 157)  hsl(206, 15%, 55%)  Light Slate Gray
#9d897a  rgb(157, 137, 122)  hsl(26, 15%, 55%)  Beaver
#9d7a8e  rgb(157, 122, 142)  hsl(326, 15%, 55%)  Mountbatten Pink
#8e9d7a  rgb(142, 157, 122)  hsl(86, 15%, 55%)  Moss Green