ColorTool
Войти
#6C757D

#6c757d ≈ Slate Gray

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

#6c757d — цвет из семейства «серые»; светлота: средняя, насыщенность: почти нулевая. В модели RGB он состоит из 42,35% красного, 45,88% зелёного и 49,02% синего; при печати в CMYK используется 13,6% голубого, 6,4% пурпурного, 0% жёлтого и 50,98% чёрного. Угол цветового тона — 208,24°, насыщенность 7,3% и светлота 45,69% в модели HSL. Это нейтральный цвет, который часто ассоциируется с нейтральностью, балансом и профессионализмом. Дизайнеры обычно используют его для: основного текста и типографики, корпоративного стиля и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 4,69:1 (WCAG AA). Ближайший именованный цвет — Slate Gray (#708090), ΔE 5,5.

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

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

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

  1. #6c757d
  2. #7d746c

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

  1. #6c757d
  2. #7d6c6d
  3. #7d7d6c

Аналоговая

  1. #6c7d7d
  2. #6c757d
  3. #6c6d7d

Триада

  1. #6c757d
  2. #7d6c75
  3. #757d6c

Тетрада

  1. #6c757d
  2. #746c7d
  3. #7d746c
  4. #757d6c

Квадрат

  1. #6c757d
  2. #7d6c7d
  3. #7d746c
  4. #6d7d6c

Монохромная

  1. #25282b
  2. #494f54
  3. #6c757d
  4. #939ba2
  5. #bcc1c6

Тени

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

  1. #6c757d
  2. #616971
  3. #565e64
  4. #4c5258
  5. #41464b
  6. #363b3f
  7. #2b2f32
  8. #202326
  9. #161719
  10. #0b0c0d
  11. #000000

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

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

  1. #6c757d
  2. #7b838a
  3. #899197
  4. #989ea4
  5. #a7acb1
  6. #b6babe
  7. #c4c8cb
  8. #d3d6d8
  9. #e2e3e5
  10. #f0f1f2
  11. #ffffff

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

#6c757d, постепенно смешанный с серым.

  1. #6c757d
  2. #6e767d
  3. #70777e
  4. #72787e
  5. #74797e
  6. #767b7f
  7. #787c7f
  8. #7a7d7f
  9. #7c7e7f
  10. #7e7f80
  11. #808080

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

Ахроматопсия #747474 ≈ 0.003% мужчин
Ахроматомалия #717478 ≈ 0.001% мужчин
Протанопия #72757d ≈ 1.01% мужчин
Дейтеранопия #70737d ≈ 1.27% мужчин
Тританопия #687777 ≈ 0.0001% мужчин
Протаномалия #70757d ≈ 1.08% мужчин
Дейтераномалия #6e747d ≈ 4.63% мужчин
Тританомалия #6a767a ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-6c757d {
  color: #6c757d;
}
Фон
.bg-6c757d {
  background-color: #6c757d;
  color: #ffffff;
}
Рамка
.border-6c757d {
  border: 2px solid #6c757d;
}
CSS-переменные
:root {
  --color-primary: #6c757d;
  --color-primary-rgb: 108 117 125;
  --color-primary-hsl: 208 7% 46%;
}
Градиент
.gradient-6c757d {
  background: linear-gradient(135deg, #6c757d, #6c6d7d);
}
Цветная тень
.shadow-6c757d {
  box-shadow: 0 8px 24px rgb(108 117 125 / 0.35);
}

#708090 Slate Gray ΔE 5.50 #708090 Slate Grey ΔE 5.50 #696969 Dim Gray ΔE 6.78 #696969 Dim Grey ΔE 6.78 #808080 Gray ΔE 7.17 #808080 Grey ΔE 7.17 #778899 Light Slate Gray ΔE 8.14 #938a82 Инвертированный #747474 Оттенки серого 

Slate Gray
#6c757d  rgb(108, 117, 125)  hsl(208, 7%, 46%)  Slate Gray
#7d746c  rgb(125, 116, 108)  hsl(28, 7%, 46%)  Gray
#7d6c75  rgb(125, 108, 117)  hsl(328, 7%, 46%)  Old Lavender
#757d6c  rgb(117, 125, 108)  hsl(88, 7%, 46%)  Xanadu