ColorTool
Войти
#20FA74

#20fa74 ≈ Spring Green

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

#20fa74 — цвет из семейства «зелёные»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 12,55% красного, 98,04% зелёного и 45,49% синего; при печати в CMYK используется 87,2% голубого, 0% пурпурного, 53,6% жёлтого и 1,96% чёрного. Угол цветового тона — 143,12°, насыщенность 95,61% и светлота 55,29% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 14,99:1 (WCAG AAA). Ближайший именованный цвет — Spring Green (#00ff7f), ΔE 1,54.

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

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

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

  1. #20fa74
  2. #fa20a6

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

  1. #20fa74
  2. #e120fa
  3. #fa2039

Аналоговая

  1. #39fa20
  2. #20fa74
  3. #20fae1

Триада

  1. #20fa74
  2. #7420fa
  3. #fa7420

Тетрада

  1. #20fa74
  2. #20a6fa
  3. #fa20a6
  4. #fa7420

Квадрат

  1. #20fa74
  2. #2039fa
  3. #fa20a6
  4. #fae120

Монохромная

  1. #037e32
  2. #05c950
  3. #20fa74
  4. #6bfca3
  5. #b6fdd1

Тени

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

  1. #20fa74
  2. #1de168
  3. #1ac85d
  4. #16af51
  5. #139646
  6. #107d3a
  7. #0d642e
  8. #0a4b23
  9. #063217
  10. #03190c
  11. #000000

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

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

  1. #20fa74
  2. #36fb82
  3. #4dfb90
  4. #63fc9e
  5. #79fcac
  6. #90fdba
  7. #a6fdc7
  8. #bcfed5
  9. #d2fee3
  10. #e9fff1
  11. #ffffff

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

#20fa74, постепенно смешанный с серым.

  1. #20fa74
  2. #2aee75
  3. #33e276
  4. #3dd578
  5. #46c979
  6. #50bd7a
  7. #5ab17b
  8. #63a57c
  9. #6d987e
  10. #768c7f
  11. #808080

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

Ахроматопсия #dadada ≈ 0.003% мужчин
Ахроматомалия #aee7ba ≈ 0.001% мужчин
Протанопия #fce368 ≈ 1.01% мужчин
Дейтеранопия #e6d47e ≈ 1.27% мужчин
Тританопия #00f5dc ≈ 0.0001% мужчин
Протаномалия #caed6d ≈ 1.08% мужчин
Дейтераномалия #b8e47a ≈ 4.63% мужчин
Тританомалия #00f7bb ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-20fa74 {
  color: #20fa74;
}
Фон
.bg-20fa74 {
  background-color: #20fa74;
  color: #000000;
}
Рамка
.border-20fa74 {
  border: 2px solid #20fa74;
}
CSS-переменные
:root {
  --color-primary: #20fa74;
  --color-primary-rgb: 32 250 116;
  --color-primary-hsl: 143 96% 55%;
}
Градиент
.gradient-20fa74 {
  background: linear-gradient(135deg, #20fa74, #20fae1);
}
Цветная тень
.shadow-20fa74 {
  box-shadow: 0 8px 24px rgb(32 250 116 / 0.35);
}

#00ff7f Spring Green ΔE 1.54 #00fa9a Medium Spring Green ΔE 5.54 #98ff98 Mint Green ΔE 7.22 #0bda51 Malachite ΔE 7.30 #98fb98 Pale Green ΔE 7.42 #90ee90 Light Green ΔE 7.64 #00ff00 Lime ΔE 7.79 #df058b Инвертированный #dadada Оттенки серого 

Spring Green
#20fa74  rgb(32, 250, 116)  hsl(143, 96%, 55%)  Spring Green
#fa20a6  rgb(250, 32, 166)  hsl(323, 96%, 55%)  Persian Rose
#7420fa  rgb(116, 32, 250)  hsl(263, 96%, 55%)  Electric Indigo
#fa7420  rgb(250, 116, 32)  hsl(23, 96%, 55%)  Pumpkin