ColorTool
Войти
#5BB357

#5bb357 ≈ Mantis

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

#5bb357 — цвет из семейства «зелёные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 35,69% красного, 70,2% зелёного и 34,12% синего; при печати в CMYK используется 49,16% голубого, 0% пурпурного, 51,4% жёлтого и 29,8% чёрного. Угол цветового тона — 117,39°, насыщенность 37,7% и светлота 52,16% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,03:1 (WCAG AAA). Ближайший именованный цвет — Mantis (#74c365), ΔE 4,95.

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

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

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

  1. #5bb357
  2. #af57b3

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

  1. #5bb357
  2. #8157b3
  3. #b35789

Аналоговая

  1. #89b357
  2. #5bb357
  3. #57b381

Триада

  1. #5bb357
  2. #575bb3
  3. #b3575b

Тетрада

  1. #5bb357
  2. #57b3af
  3. #af57b3
  4. #b3575b

Квадрат

  1. #5bb357
  2. #5789b3
  3. #af57b3
  4. #b38157

Монохромная

  1. #254e23
  2. #3e823b
  3. #5bb357
  4. #8ecb8c
  5. #c2e3c0

Тени

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

  1. #5bb357
  2. #52a14e
  3. #498f46
  4. #407d3d
  5. #376b34
  6. #2e5a2c
  7. #244823
  8. #1b361a
  9. #122411
  10. #091209
  11. #000000

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

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

  1. #5bb357
  2. #6bbb68
  3. #7cc279
  4. #8cca89
  5. #9dd19a
  6. #add9ab
  7. #bde1bc
  8. #cee8cd
  9. #def0dd
  10. #eff7ee
  11. #ffffff

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

#5bb357, постепенно смешанный с серым.

  1. #5bb357
  2. #5fae5b
  3. #62a95f
  4. #66a463
  5. #6a9f67
  6. #6e9a6c
  7. #719470
  8. #758f74
  9. #798a78
  10. #7c857c
  11. #808080

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

Ахроматопсия #a0a0a0 ≈ 0.003% мужчин
Ахроматомалия #8aa889 ≈ 0.001% мужчин
Протанопия #b7a54f ≈ 1.01% мужчин
Дейтеранопия #ab9d5d ≈ 1.27% мужчин
Тританопия #50ae9e ≈ 0.0001% мужчин
Протаномалия #9aab52 ≈ 1.08% мужчин
Дейтераномалия #91a65b ≈ 4.63% мужчин
Тританомалия #54b087 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-5bb357 {
  color: #5bb357;
}
Фон
.bg-5bb357 {
  background-color: #5bb357;
  color: #000000;
}
Рамка
.border-5bb357 {
  border: 2px solid #5bb357;
}
CSS-переменные
:root {
  --color-primary: #5bb357;
  --color-primary-rgb: 91 179 87;
  --color-primary-hsl: 117 38% 52%;
}
Градиент
.gradient-5bb357 {
  background: linear-gradient(135deg, #5bb357, #57b381);
}
Цветная тень
.shadow-5bb357 {
  box-shadow: 0 8px 24px rgb(91 179 87 / 0.35);
}

#74c365 Mantis ΔE 4.95 #3cb371 Medium Sea Green ΔE 6.48 #50c878 Emerald ΔE 6.95 #4cbb17 Kelly Green ΔE 7.40 #93c572 Pistachio ΔE 8.40 #87a96b Asparagus ΔE 8.48 #32cd32 Lime Green ΔE 8.96 #a44ca8 Инвертированный #a0a0a0 Оттенки серого 

Mantis
#5bb357  rgb(91, 179, 87)  hsl(117, 38%, 52%)  Mantis
#af57b3  rgb(175, 87, 179)  hsl(297, 38%, 52%)  Purpureus
#575bb3  rgb(87, 91, 179)  hsl(237, 38%, 52%)  Slate Blue
#b3575b  rgb(179, 87, 91)  hsl(357, 38%, 52%)  Redwood