ColorTool
Войти
#6B7F8F

#6b7f8f ≈ Slate Gray

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

#6b7f8f — цвет из семейства «лазурные»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 41,96% красного, 49,8% зелёного и 56,08% синего; при печати в CMYK используется 25,17% голубого, 11,19% пурпурного, 0% жёлтого и 43,92% чёрного. Угол цветового тона — 206,67°, насыщенность 14,4% и светлота 49,02% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 5,06:1 (WCAG AA). Ближайший именованный цвет — Slate Gray (#708090), ΔE 1,67.

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

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

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

  1. #6b7f8f
  2. #8f7b6b

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

  1. #6b7f8f
  2. #8f6b6d
  3. #8f8d6b

Аналоговая

  1. #6b8f8d
  2. #6b7f8f
  3. #6b6d8f

Триада

  1. #6b7f8f
  2. #8f6b7f
  3. #7f8f6b

Тетрада

  1. #6b7f8f
  2. #7b6b8f
  3. #8f7b6b
  4. #7f8f6b

Квадрат

  1. #6b7f8f
  2. #8d6b8f
  3. #8f7b6b
  4. #6d8f6b

Монохромная

  1. #2a3137
  2. #4a5863
  3. #6b7f8f
  4. #96a5b0
  5. #c2cad1

Тени

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

  1. #6b7f8f
  2. #607281
  3. #566672
  4. #4b5964
  5. #404c56
  6. #364048
  7. #2b3339
  8. #20262b
  9. #15191d
  10. #0b0d0e
  11. #000000

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

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

  1. #6b7f8f
  2. #7a8c9a
  3. #8999a5
  4. #97a5b1
  5. #a6b2bc
  6. #b5bfc7
  7. #c4ccd2
  8. #d3d9dd
  9. #e1e5e9
  10. #f0f2f4
  11. #ffffff

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

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

  1. #6b7f8f
  2. #6d7f8e
  3. #6f7f8c
  4. #717f8b
  5. #737f89
  6. #768088
  7. #788086
  8. #7a8085
  9. #7c8083
  10. #7e8082
  11. #808080

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

Ахроматопсия #7c7c7c ≈ 0.003% мужчин
Ахроматомалия #767d84 ≈ 0.001% мужчин
Протанопия #797f90 ≈ 1.01% мужчин
Дейтеранопия #747b8f ≈ 1.27% мужчин
Тританопия #618384 ≈ 0.0001% мужчин
Протаномалия #737f8f ≈ 1.08% мужчин
Дейтераномалия #707c8f ≈ 4.63% мужчин
Тританомалия #658189 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-6b7f8f {
  color: #6b7f8f;
}
Фон
.bg-6b7f8f {
  background-color: #6b7f8f;
  color: #000000;
}
Рамка
.border-6b7f8f {
  border: 2px solid #6b7f8f;
}
CSS-переменные
:root {
  --color-primary: #6b7f8f;
  --color-primary-rgb: 107 127 143;
  --color-primary-hsl: 207 14% 49%;
}
Градиент
.gradient-6b7f8f {
  background: linear-gradient(135deg, #6b7f8f, #6b6d8f);
}
Цветная тень
.shadow-6b7f8f {
  box-shadow: 0 8px 24px rgb(107 127 143 / 0.35);
}

#708090 Slate Gray ΔE 1.67 #708090 Slate Grey ΔE 1.67 #778899 Light Slate Gray ΔE 3.88 #778899 Light Slate Grey ΔE 3.88 #5d8aa8 Air Force Blue ΔE 6.88 #808080 Gray ΔE 9.67 #808080 Grey ΔE 9.67 #948070 Инвертированный #7c7c7c Оттенки серого 

Slate Gray
#6b7f8f  rgb(107, 127, 143)  hsl(207, 14%, 49%)  Slate Gray
#8f7b6b  rgb(143, 123, 107)  hsl(27, 14%, 49%)  Beaver
#8f6b7f  rgb(143, 107, 127)  hsl(327, 14%, 49%)  Mountbatten Pink
#7f8f6b  rgb(127, 143, 107)  hsl(87, 14%, 49%)  Moss Green