ColorTool
Войти
#9696A3

#9696a3 ≈ Cool Gray

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

#9696a3 — цвет из семейства «серые»; светлота: средняя, насыщенность: почти нулевая. В модели RGB он состоит из 58,82% красного, 58,82% зелёного и 63,92% синего; при печати в CMYK используется 7,98% голубого, 7,98% пурпурного, 0% жёлтого и 36,08% чёрного. Угол цветового тона — 240°, насыщенность 6,6% и светлота 61,37% в модели HSL. Это нейтральный цвет, который часто ассоциируется с нейтральностью, балансом и профессионализмом. Дизайнеры обычно используют его для: основного текста и типографики, корпоративного стиля и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 7,19:1 (WCAG AAA). Ближайший именованный цвет — Cool Gray (#8c92ac), ΔE 5,42.

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

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

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

  1. #9696a3
  2. #a3a396

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

  1. #9696a3
  2. #a39c96
  3. #9ca396

Аналоговая

  1. #969ca3
  2. #9696a3
  3. #9c96a3

Триада

  1. #9696a3
  2. #a39696
  3. #96a396

Тетрада

  1. #9696a3
  2. #a396a3
  3. #a3a396
  4. #96a396

Квадрат

  1. #9696a3
  2. #a3969c
  3. #a3a396
  4. #96a39c

Монохромная

  1. #4b4b55
  2. #6e6e7e
  3. #9696a3
  4. #bfbfc7
  5. #e8e8ea

Тени

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

  1. #9696a3
  2. #878793
  3. #787882
  4. #696972
  5. #5a5a62
  6. #4b4b52
  7. #3c3c41
  8. #2d2d31
  9. #1e1e21
  10. #0f0f10
  11. #000000

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

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

  1. #9696a3
  2. #a1a1ac
  3. #ababb5
  4. #b6b6bf
  5. #c0c0c8
  6. #cbcbd1
  7. #d5d5da
  8. #e0e0e3
  9. #eaeaed
  10. #f5f5f6
  11. #ffffff

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

#9696a3, постепенно смешанный с серым.

  1. #9696a3
  2. #9494a0
  3. #92929c
  4. #8f8f99
  5. #8d8d95
  6. #8b8b92
  7. #89898e
  8. #87878b
  9. #848487
  10. #828284
  11. #808080

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

Ахроматопсия #979797 ≈ 0.003% мужчин
Ахроматомалия #97979c ≈ 0.001% мужчин
Протанопия #9397a4 ≈ 1.01% мужчин
Дейтеранопия #9397a3 ≈ 1.27% мужчин
Тританопия #94989a ≈ 0.0001% мужчин
Протаномалия #9497a3 ≈ 1.08% мужчин
Дейтераномалия #9496a3 ≈ 4.63% мужчин
Тританомалия #95979e ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-9696a3 {
  color: #9696a3;
}
Фон
.bg-9696a3 {
  background-color: #9696a3;
  color: #000000;
}
Рамка
.border-9696a3 {
  border: 2px solid #9696a3;
}
CSS-переменные
:root {
  --color-primary: #9696a3;
  --color-primary-rgb: 150 150 163;
  --color-primary-hsl: 240 7% 61%;
}
Градиент
.gradient-9696a3 {
  background: linear-gradient(135deg, #9696a3, #9c96a3);
}
Цветная тень
.shadow-9696a3 {
  box-shadow: 0 8px 24px rgb(150 150 163 / 0.35);
}

#8c92ac Cool Gray ΔE 5.42 #8b8589 Taupe Gray ΔE 7.36 #aa98a9 Rose Quartz ΔE 8.16 #a9a9a9 Dark Gray ΔE 8.65 #a9a9a9 Dark Grey ΔE 8.65 #778899 Light Slate Gray ΔE 9.50 #778899 Light Slate Grey ΔE 9.50 #69695c Инвертированный #979797 Оттенки серого 

Cool Gray
#9696a3  rgb(150, 150, 163)  hsl(240, 7%, 61%)  Cool Gray
#a3a396  rgb(163, 163, 150)  hsl(60, 7%, 61%)  Dark Gray
#a39696  rgb(163, 150, 150)  hsl(0, 7%, 61%)  Taupe Gray
#96a396  rgb(150, 163, 150)  hsl(120, 7%, 61%)  Ash Gray