ColorTool
Войти
#77A172

#77a172 ≈ Asparagus

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

#77a172 — цвет из семейства «зелёные»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 46,67% красного, 63,14% зелёного и 44,71% синего; при печати в CMYK используется 26,09% голубого, 0% пурпурного, 29,19% жёлтого и 36,86% чёрного. Угол цветового тона — 113,62°, насыщенность 20% и светлота 53,92% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 7,13:1 (WCAG AAA). Ближайший именованный цвет — Asparagus (#87a96b), ΔE 5,11.

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

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

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

  1. #77a172
  2. #9c72a1

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

  1. #77a172
  2. #8472a1
  3. #a1728e

Аналоговая

  1. #8ea172
  2. #77a172
  3. #72a184

Триада

  1. #77a172
  2. #7277a1
  3. #a17277

Тетрада

  1. #77a172
  2. #72a19c
  3. #9c72a1
  4. #a17277

Квадрат

  1. #77a172
  2. #728ea1
  3. #9c72a1
  4. #a18472

Монохромная

  1. #334931
  2. #54774f
  3. #77a172
  4. #a3c0a0
  5. #d0dece

Тени

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

  1. #77a172
  2. #6b9167
  3. #5f815b
  4. #537150
  5. #476144
  6. #3c5139
  7. #30402e
  8. #243022
  9. #182017
  10. #0c100b
  11. #000000

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

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

  1. #77a172
  2. #85aa80
  3. #92b48e
  4. #a0bd9c
  5. #adc7aa
  6. #bbd0b9
  7. #c9d9c7
  8. #d6e3d5
  9. #e4ece3
  10. #f1f6f1
  11. #ffffff

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

#77a172, постепенно смешанный с серым.

  1. #77a172
  2. #789e73
  3. #799a75
  4. #7a9776
  5. #7b9478
  6. #7c9179
  7. #7c8d7a
  8. #7d8a7c
  9. #7e877d
  10. #7f837f
  11. #808080

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

Ахроматопсия #969696 ≈ 0.003% мужчин
Ахроматомалия #8b9b89 ≈ 0.001% мужчин
Протанопия #a4996f ≈ 1.01% мужчин
Дейтеранопия #9d9574 ≈ 1.27% мужчин
Тританопия #749e95 ≈ 0.0001% мужчин
Протаномалия #949c70 ≈ 1.08% мужчин
Дейтераномалия #8f9a73 ≈ 4.63% мужчин
Тританомалия #759f88 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-77a172 {
  color: #77a172;
}
Фон
.bg-77a172 {
  background-color: #77a172;
  color: #000000;
}
Рамка
.border-77a172 {
  border: 2px solid #77a172;
}
CSS-переменные
:root {
  --color-primary: #77a172;
  --color-primary-rgb: 119 161 114;
  --color-primary-hsl: 114 20% 54%;
}
Градиент
.gradient-77a172 {
  background: linear-gradient(135deg, #77a172, #72a184);
}
Цветная тень
.shadow-77a172 {
  box-shadow: 0 8px 24px rgb(119 161 114 / 0.35);
}

#87a96b Asparagus ΔE 5.11 #8fbc8f Dark Sea Green ΔE 8.00 #8a9a5b Moss Green ΔE 8.15 #9ab973 Olivine ΔE 9.65 #3cb371 Medium Sea Green ΔE 9.75 #3eb489 Mint ΔE 10.72 #00a86b Jade ΔE 10.79 #885e8d Инвертированный #969696 Оттенки серого 

Asparagus
#77a172  rgb(119, 161, 114)  hsl(114, 20%, 54%)  Asparagus
#9c72a1  rgb(156, 114, 161)  hsl(294, 20%, 54%)  Purple Mountain Majesty
#7277a1  rgb(114, 119, 161)  hsl(234, 20%, 54%)  Glaucous
#a17277  rgb(161, 114, 119)  hsl(354, 20%, 54%)  Copper Rose