ColorTool
Войти
#778E9F

#778e9f ≈ Light Slate Gray

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

#778e9f — цвет из семейства «лазурные»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 46,67% красного, 55,69% зелёного и 62,35% синего; при печати в CMYK используется 25,16% голубого, 10,69% пурпурного, 0% жёлтого и 37,65% чёрного. Угол цветового тона — 205,5°, насыщенность 17,24% и светлота 54,51% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,15:1 (WCAG AA). Ближайший именованный цвет — Light Slate Gray (#778899), ΔE 2,82.

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

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

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

  1. #778e9f
  2. #9f8877

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

  1. #778e9f
  2. #9f777a
  3. #9f9c77

Аналоговая

  1. #779f9c
  2. #778e9f
  3. #777a9f

Триада

  1. #778e9f
  2. #9f778e
  3. #8e9f77

Тетрада

  1. #778e9f
  2. #88779f
  3. #9f8877
  4. #8e9f77

Квадрат

  1. #778e9f
  2. #9c779f
  3. #9f8877
  4. #7a9f77

Монохромная

  1. #344049
  2. #536776
  3. #778e9f
  4. #a4b3bf
  5. #d1d9de

Тени

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

  1. #778e9f
  2. #6b808f
  3. #5f727f
  4. #53636f
  5. #47555f
  6. #3c4750
  7. #303940
  8. #242b30
  9. #181c20
  10. #0c0e10
  11. #000000

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

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

  1. #778e9f
  2. #8599a9
  3. #92a5b2
  4. #a0b0bc
  5. #adbbc5
  6. #bbc7cf
  7. #c9d2d9
  8. #d6dde2
  9. #e4e8ec
  10. #f1f4f5
  11. #ffffff

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

#778e9f, постепенно смешанный с серым.

  1. #778e9f
  2. #788d9c
  3. #798b99
  4. #7a8a96
  5. #7b8893
  6. #7c8790
  7. #7c868c
  8. #7d8489
  9. #7e8386
  10. #7f8183
  11. #808080

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

Ахроматопсия #8b8b8b ≈ 0.003% мужчин
Ахроматомалия #838c93 ≈ 0.001% мужчин
Протанопия #878da0 ≈ 1.01% мужчин
Дейтеранопия #82899f ≈ 1.27% мужчин
Тританопия #6c9293 ≈ 0.0001% мужчин
Протаномалия #818ea0 ≈ 1.08% мужчин
Дейтераномалия #7d8b9f ≈ 4.63% мужчин
Тританомалия #709198 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#778899 Light Slate Gray ΔE 2.82 #778899 Light Slate Grey ΔE 2.82 #708090 Slate Gray ΔE 5.26 #708090 Slate Grey ΔE 5.26 #5d8aa8 Air Force Blue ΔE 5.86 #8c92ac Cool Gray ΔE 9.75 #73a9c2 Moonstone Blue ΔE 10.02 #887160 Инвертированный #8b8b8b Оттенки серого 

Light Slate Gray
#778e9f  rgb(119, 142, 159)  hsl(206, 17%, 55%)  Light Slate Gray
#9f8877  rgb(159, 136, 119)  hsl(26, 17%, 55%)  Beaver
#9f778e  rgb(159, 119, 142)  hsl(326, 17%, 55%)  Mountbatten Pink
#8e9f77  rgb(142, 159, 119)  hsl(86, 17%, 55%)  Moss Green