ColorTool
Войти
#696F87

#696f87 ≈ Slate Gray

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

#696f87 — цвет из семейства «синие»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 41,18% красного, 43,53% зелёного и 52,94% синего; при печати в CMYK используется 22,22% голубого, 17,78% пурпурного, 0% жёлтого и 47,06% чёрного. Угол цветового тона — 228°, насыщенность 12,5% и светлота 47,06% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 4,97:1 (WCAG AA). Ближайший именованный цвет — Slate Gray (#708090), ΔE 9,05.

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

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

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

  1. #696f87
  2. #878169

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

  1. #696f87
  2. #877269
  3. #7e8769

Аналоговая

  1. #697e87
  2. #696f87
  3. #726987

Триада

  1. #696f87
  2. #87696f
  3. #6f8769

Тетрада

  1. #696f87
  2. #816987
  3. #878169
  4. #6f8769

Квадрат

  1. #696f87
  2. #87697e
  3. #878169
  4. #698772

Монохромная

  1. #262831
  2. #484c5c
  3. #696f87
  4. #9297aa
  5. #bdc0cc

Тени

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

  1. #696f87
  2. #5f647a
  3. #54596c
  4. #4a4e5f
  5. #3f4351
  6. #353844
  7. #2a2c36
  8. #202129
  9. #15161b
  10. #0b0b0e
  11. #000000

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

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

  1. #696f87
  2. #787d93
  3. #878c9f
  4. #969aab
  5. #a5a9b7
  6. #b4b7c3
  7. #c3c5cf
  8. #d2d4db
  9. #e1e2e7
  10. #f0f1f3
  11. #ffffff

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

#696f87, постепенно смешанный с серым.

  1. #696f87
  2. #6b7186
  3. #6e7286
  4. #707485
  5. #727684
  6. #757884
  7. #777983
  8. #797b82
  9. #7b7d81
  10. #7e7e81
  11. #808080

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

Ахроматопсия #707070 ≈ 0.003% мужчин
Ахроматомалия #6d6f7a ≈ 0.001% мужчин
Протанопия #687188 ≈ 1.01% мужчин
Дейтеранопия #666f86 ≈ 1.27% мужчин
Тританопия #627377 ≈ 0.0001% мужчин
Протаномалия #697088 ≈ 1.08% мужчин
Дейтераномалия #676f87 ≈ 4.63% мужчин
Тританомалия #65727e ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-696f87 {
  color: #696f87;
}
Фон
.bg-696f87 {
  background-color: #696f87;
  color: #ffffff;
}
Рамка
.border-696f87 {
  border: 2px solid #696f87;
}
CSS-переменные
:root {
  --color-primary: #696f87;
  --color-primary-rgb: 105 111 135;
  --color-primary-hsl: 228 13% 47%;
}
Градиент
.gradient-696f87 {
  background: linear-gradient(135deg, #696f87, #726987);
}
Цветная тень
.shadow-696f87 {
  box-shadow: 0 8px 24px rgb(105 111 135 / 0.35);
}

#708090 Slate Gray ΔE 9.05 #708090 Slate Grey ΔE 9.05 #796878 Old Lavender ΔE 10.34 #436b95 Queen Blue ΔE 10.88 #778899 Light Slate Gray ΔE 11.22 #778899 Light Slate Grey ΔE 11.22 #696969 Dim Gray ΔE 11.38 #969078 Инвертированный #707070 Оттенки серого 

Slate Gray
#696f87  rgb(105, 111, 135)  hsl(228, 13%, 47%)  Slate Gray
#878169  rgb(135, 129, 105)  hsl(48, 13%, 47%)  Battleship Gray
#87696f  rgb(135, 105, 111)  hsl(348, 13%, 47%)  Mauve Taupe
#6f8769  rgb(111, 135, 105)  hsl(108, 13%, 47%)  Xanadu