ColorTool
Войти
#96B09E

#96b09e ≈ Opal

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

#96b09e — цвет из семейства «зелёные»; светлота: высокая, насыщенность: приглушённая. В модели RGB он состоит из 58,82% красного, 69,02% зелёного и 61,96% синего; при печати в CMYK используется 14,77% голубого, 0% пурпурного, 10,23% жёлтого и 30,98% чёрного. Угол цветового тона — 138,46°, насыщенность 14,13% и светлота 63,92% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 9:1 (WCAG AAA). Ближайший именованный цвет — Opal (#a8c3bc), ΔE 7,06.

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

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

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

  1. #96b09e
  2. #b096a8

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

  1. #96b09e
  2. #ab96b0
  3. #b0969b

Аналоговая

  1. #9bb096
  2. #96b09e
  3. #96b0ab

Триада

  1. #96b09e
  2. #9e96b0
  3. #b09e96

Тетрада

  1. #96b09e
  2. #96a8b0
  3. #b096a8
  4. #b09e96

Квадрат

  1. #96b09e
  2. #969bb0
  3. #b096a8
  4. #b0ab96

Монохромная

  1. #4a6352
  2. #6b8e76
  3. #96b09e
  4. #c2d1c6
  5. #edf2ef

Тени

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

  1. #96b09e
  2. #879e8e
  3. #788d7e
  4. #697b6f
  5. #5a6a5f
  6. #4b584f
  7. #3c463f
  8. #2d352f
  9. #1e2320
  10. #0f1210
  11. #000000

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

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

  1. #96b09e
  2. #a1b8a8
  3. #abc0b1
  4. #b6c8bb
  5. #c0d0c5
  6. #cbd8cf
  7. #d5dfd8
  8. #e0e7e2
  9. #eaefec
  10. #f5f7f5
  11. #ffffff

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

#96b09e, постепенно смешанный с серым.

  1. #96b09e
  2. #94ab9b
  3. #92a698
  4. #8fa295
  5. #8d9d92
  6. #8b988f
  7. #89938c
  8. #878e89
  9. #848a86
  10. #828583
  11. #808080

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

Ахроматопсия #aaaaaa ≈ 0.003% мужчин
Ахроматомалия #a2aca5 ≈ 0.001% мужчин
Протанопия #b0ac9d ≈ 1.01% мужчин
Дейтеранопия #aba89f ≈ 1.27% мужчин
Тританопия #92afab ≈ 0.0001% мужчин
Протаномалия #a6ad9d ≈ 1.08% мужчин
Дейтераномалия #a3ab9f ≈ 4.63% мужчин
Тританомалия #94b0a6 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-96b09e {
  color: #96b09e;
}
Фон
.bg-96b09e {
  background-color: #96b09e;
  color: #000000;
}
Рамка
.border-96b09e {
  border: 2px solid #96b09e;
}
CSS-переменные
:root {
  --color-primary: #96b09e;
  --color-primary-rgb: 150 176 158;
  --color-primary-hsl: 138 14% 64%;
}
Градиент
.gradient-96b09e {
  background: linear-gradient(135deg, #96b09e, #96b0ab);
}
Цветная тень
.shadow-96b09e {
  box-shadow: 0 8px 24px rgb(150 176 158 / 0.35);
}

#a8c3bc Opal ΔE 7.06 #b2beb5 Ash Gray ΔE 7.90 #8fbc8f Dark Sea Green ΔE 8.92 #87a96b Asparagus ΔE 12.60 #5f9ea0 Cadet Blue ΔE 13.15 #738678 Xanadu ΔE 13.41 #66cdaa Medium Aquamarine ΔE 13.54 #694f61 Инвертированный #aaaaaa Оттенки серого 

Opal
#96b09e  rgb(150, 176, 158)  hsl(138, 14%, 64%)  Opal
#b096a8  rgb(176, 150, 168)  hsl(318, 14%, 64%)  Rose Quartz
#9e96b0  rgb(158, 150, 176)  hsl(258, 14%, 64%)  Rose Quartz
#b09e96  rgb(176, 158, 150)  hsl(18, 14%, 64%)  Silver Pink