ColorTool
Войти
#9BAC4E

#9bac4e ≈ Olivine

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

#9bac4e — цвет из семейства «жёлто-зелёные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 60,78% красного, 67,45% зелёного и 30,59% синего; при печати в CMYK используется 9,88% голубого, 0% пурпурного, 54,65% жёлтого и 32,55% чёрного. Угол цветового тона — 70,85°, насыщенность 37,6% и светлота 49,02% в модели HSL. Это тёплый цвет, который часто ассоциируется с свежестью, ростом и жизненной силой. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,4:1 (WCAG AAA). Ближайший именованный цвет — Olivine (#9ab973), ΔE 7,05.

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

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

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

  1. #9bac4e
  2. #5f4eac

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

  1. #9bac4e
  2. #4e6cac
  3. #8e4eac

Аналоговая

  1. #ac8e4e
  2. #9bac4e
  3. #6cac4e

Триада

  1. #9bac4e
  2. #4e9bac
  3. #ac4e9b

Тетрада

  1. #9bac4e
  2. #4eac5f
  3. #5f4eac
  4. #ac4e9b

Квадрат

  1. #9bac4e
  2. #4eac8e
  3. #5f4eac
  4. #ac4e6c

Монохромная

  1. #3c431e
  2. #6c7736
  3. #9bac4e
  4. #b9c681
  5. #d6deb5

Тени

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

  1. #9bac4e
  2. #8c9b46
  3. #7c8a3e
  4. #6d7837
  5. #5d672f
  6. #4e5627
  7. #3e451f
  8. #2f3417
  9. #1f2210
  10. #101108
  11. #000000

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

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

  1. #9bac4e
  2. #a5b460
  3. #afbd71
  4. #b9c583
  5. #c3cd95
  6. #cdd6a7
  7. #d7deb8
  8. #e1e6ca
  9. #ebeedc
  10. #f5f7ed
  11. #ffffff

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

#9bac4e, постепенно смешанный с серым.

  1. #9bac4e
  2. #98a853
  3. #96a358
  4. #939f5d
  5. #909a62
  6. #8e9667
  7. #8b926c
  8. #888d71
  9. #858976
  10. #83847b
  11. #808080

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

Ахроматопсия #a4a4a4 ≈ 0.003% мужчин
Ахроматомалия #a0a78a ≈ 0.001% мужчин
Протанопия #b6a445 ≈ 1.01% мужчин
Дейтеранопия #b4a454 ≈ 1.27% мужчин
Тританопия #a3a497 ≈ 0.0001% мужчин
Протаномалия #aca749 ≈ 1.08% мужчин
Дейтераномалия #aba751 ≈ 4.63% мужчин
Тританомалия #a0a780 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-9bac4e {
  color: #9bac4e;
}
Фон
.bg-9bac4e {
  background-color: #9bac4e;
  color: #000000;
}
Рамка
.border-9bac4e {
  border: 2px solid #9bac4e;
}
CSS-переменные
:root {
  --color-primary: #9bac4e;
  --color-primary-rgb: 155 172 78;
  --color-primary-hsl: 71 38% 49%;
}
Градиент
.gradient-9bac4e {
  background: linear-gradient(135deg, #9bac4e, #6cac4e);
}
Цветная тень
.shadow-9bac4e {
  box-shadow: 0 8px 24px rgb(155 172 78 / 0.35);
}

#9ab973 Olivine ΔE 7.05 #8db600 Apple Green ΔE 7.43 #8a9a5b Moss Green ΔE 7.47 #bdb76b Dark Khaki ΔE 7.86 #87a96b Asparagus ΔE 8.21 #b5a642 Brass ΔE 8.99 #93c572 Pistachio ΔE 9.62 #6453b1 Инвертированный #a4a4a4 Оттенки серого 

Olivine
#9bac4e  rgb(155, 172, 78)  hsl(71, 38%, 49%)  Olivine
#5f4eac  rgb(95, 78, 172)  hsl(251, 38%, 49%)  Ocean Blue
#4e9bac  rgb(78, 155, 172)  hsl(191, 38%, 49%)  Bondi Blue
#ac4e9b  rgb(172, 78, 155)  hsl(311, 38%, 49%)  Purpureus