ColorTool
Войти
#5CA550

#5ca550 ≈ Asparagus

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

#5ca550 — цвет из семейства «зелёные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 36,08% красного, 64,71% зелёного и 31,37% синего; при печати в CMYK используется 44,24% голубого, 0% пурпурного, 51,52% жёлтого и 35,29% чёрного. Угол цветового тона — 111,53°, насыщенность 34,69% и светлота 48,04% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,95:1 (WCAG AA). Ближайший именованный цвет — Asparagus (#87a96b), ΔE 7,54.

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

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

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

  1. #5ca550
  2. #9950a5

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

  1. #5ca550
  2. #6f50a5
  3. #a55087

Аналоговая

  1. #87a550
  2. #5ca550
  3. #50a56f

Триада

  1. #5ca550
  2. #505ca5
  3. #a5505c

Тетрада

  1. #5ca550
  2. #50a599
  3. #9950a5
  4. #a5505c

Квадрат

  1. #5ca550
  2. #5087a5
  3. #9950a5
  4. #a56f50

Монохромная

  1. #233e1e
  2. #3f7137
  3. #5ca550
  4. #89c180
  5. #b9dab4

Тени

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

  1. #5ca550
  2. #539548
  3. #4a8440
  4. #407438
  5. #376330
  6. #2e5328
  7. #254220
  8. #1c3218
  9. #122110
  10. #091108
  11. #000000

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

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

  1. #5ca550
  2. #6cae62
  3. #7db773
  4. #8dc085
  5. #9dc996
  6. #aed2a8
  7. #bedbb9
  8. #cee4cb
  9. #deeddc
  10. #eff6ee
  11. #ffffff

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

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

  1. #5ca550
  2. #60a155
  3. #639e5a
  4. #679a5e
  5. #6a9663
  6. #6e9368
  7. #728f6d
  8. #758b72
  9. #798776
  10. #7c847b
  11. #808080

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

Ахроматопсия #949494 ≈ 0.003% мужчин
Ахроматомалия #829b7f ≈ 0.001% мужчин
Протанопия #a99849 ≈ 1.01% мужчин
Дейтеранопия #9f9256 ≈ 1.27% мужчин
Тританопия #55a091 ≈ 0.0001% мужчин
Протаномалия #909e4c ≈ 1.08% мужчин
Дейтераномалия #899a54 ≈ 4.63% мужчин
Тританомалия #58a27c ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-5ca550 {
  color: #5ca550;
}
Фон
.bg-5ca550 {
  background-color: #5ca550;
  color: #000000;
}
Рамка
.border-5ca550 {
  border: 2px solid #5ca550;
}
CSS-переменные
:root {
  --color-primary: #5ca550;
  --color-primary-rgb: 92 165 80;
  --color-primary-hsl: 112 35% 48%;
}
Градиент
.gradient-5ca550 {
  background: linear-gradient(135deg, #5ca550, #50a56f);
}
Цветная тень
.shadow-5ca550 {
  box-shadow: 0 8px 24px rgb(92 165 80 / 0.35);
}

#87a96b Asparagus ΔE 7.54 #3cb371 Medium Sea Green ΔE 7.77 #74c365 Mantis ΔE 8.57 #009e60 Shamrock Green ΔE 8.90 #00a86b Jade ΔE 8.98 #4cbb17 Kelly Green ΔE 9.49 #8a9a5b Moss Green ΔE 10.39 #a35aaf Инвертированный #949494 Оттенки серого 

Asparagus
#5ca550  rgb(92, 165, 80)  hsl(112, 35%, 48%)  Asparagus
#9950a5  rgb(153, 80, 165)  hsl(292, 35%, 48%)  Purpureus
#505ca5  rgb(80, 92, 165)  hsl(232, 35%, 48%)  Sapphire
#a5505c  rgb(165, 80, 92)  hsl(352, 35%, 48%)  Redwood