ColorTool
Войти
#7CD222

#7cd222 ≈ Yellow Green

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

#7cd222 — цвет из семейства «жёлто-зелёные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 48,63% красного, 82,35% зелёного и 13,33% синего; при печати в CMYK используется 40,95% голубого, 0% пурпурного, 83,81% жёлтого и 17,65% чёрного. Угол цветового тона — 89,32°, насыщенность 72,13% и светлота 47,84% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с свежестью, ростом и жизненной силой. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 11,1:1 (WCAG AAA). Ближайший именованный цвет — Yellow Green (#9acd32), ΔE 4,5.

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

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

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

  1. #7cd222
  2. #7822d2

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

  1. #7cd222
  2. #2224d2
  3. #d022d2

Аналоговая

  1. #d2d022
  2. #7cd222
  3. #24d222

Триада

  1. #7cd222
  2. #227cd2
  3. #d2227c

Тетрада

  1. #7cd222
  2. #22d278
  3. #7822d2
  4. #d2227c

Квадрат

  1. #7cd222
  2. #22d2d0
  3. #7822d2
  4. #d22224

Монохромная

  1. #2e4e0d
  2. #559017
  3. #7cd222
  4. #a2e55c
  5. #c7ef9e

Тени

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

  1. #7cd222
  2. #70bd1f
  3. #63a81b
  4. #579318
  5. #4a7e14
  6. #3e6911
  7. #32540e
  8. #253f0a
  9. #192a07
  10. #0c1503
  11. #000000

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

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

  1. #7cd222
  2. #89d738
  3. #96db4e
  4. #a3e064
  5. #b0e47a
  6. #bee991
  7. #cbeda7
  8. #d8f2bd
  9. #e5f6d3
  10. #f2fbe9
  11. #ffffff

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

#7cd222, постепенно смешанный с серым.

  1. #7cd222
  2. #7cca2b
  3. #7dc235
  4. #7db93e
  5. #7eb148
  6. #7ea951
  7. #7ea15a
  8. #7f9964
  9. #7f906d
  10. #808877
  11. #808080

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

Ахроматопсия #bcbcbc ≈ 0.003% мужчин
Ахроматомалия #a6c597 ≈ 0.001% мужчин
Протанопия #dbc100 ≈ 1.01% мужчин
Дейтеранопия #cfba39 ≈ 1.27% мужчин
Тританопия #7cc9b3 ≈ 0.0001% мужчин
Протаномалия #bcc800 ≈ 1.08% мужчин
Дейтераномалия #b4c431 ≈ 4.63% мужчин
Тританомалия #7ccd90 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-7cd222 {
  color: #7cd222;
}
Фон
.bg-7cd222 {
  background-color: #7cd222;
  color: #000000;
}
Рамка
.border-7cd222 {
  border: 2px solid #7cd222;
}
CSS-переменные
:root {
  --color-primary: #7cd222;
  --color-primary-rgb: 124 210 34;
  --color-primary-hsl: 89 72% 48%;
}
Градиент
.gradient-7cd222 {
  background: linear-gradient(135deg, #7cd222, #24d222);
}
Цветная тень
.shadow-7cd222 {
  box-shadow: 0 8px 24px rgb(124 210 34 / 0.35);
}

#9acd32 Yellow Green ΔE 4.50 #32cd32 Lime Green ΔE 7.00 #4cbb17 Kelly Green ΔE 7.54 #b2ec5d Inchworm ΔE 8.12 #8db600 Apple Green ΔE 8.61 #bdda57 June Bud ΔE 9.20 #74c365 Mantis ΔE 9.35 #832ddd Инвертированный #bcbcbc Оттенки серого 

Yellow Green
#7cd222  rgb(124, 210, 34)  hsl(89, 72%, 48%)  Yellow Green
#7822d2  rgb(120, 34, 210)  hsl(269, 72%, 48%)  Blue Violet
#227cd2  rgb(34, 124, 210)  hsl(209, 72%, 48%)  Tufts Blue
#d2227c  rgb(210, 34, 124)  hsl(329, 72%, 48%)  Telemagenta