ColorTool
Войти
#97E7BB

#97e7bb ≈ Seafoam Green

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

#97e7bb — цвет из семейства «зелёные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 59,22% красного, 90,59% зелёного и 73,33% синего; при печати в CMYK используется 34,63% голубого, 0% пурпурного, 19,05% жёлтого и 9,41% чёрного. Угол цветового тона — 147°, насыщенность 62,5% и светлота 74,9% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 14,46:1 (WCAG AAA). Ближайший именованный цвет — Seafoam Green (#9fe2bf), ΔE 2,71.

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

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

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

  1. #97e7bb
  2. #e797c3

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

  1. #97e7bb
  2. #e397e7
  3. #e7979b

Аналоговая

  1. #9be797
  2. #97e7bb
  3. #97e7e3

Триада

  1. #97e7bb
  2. #bb97e7
  3. #e7bb97

Тетрада

  1. #97e7bb
  2. #97c3e7
  3. #e797c3
  4. #e7bb97

Квадрат

  1. #97e7bb
  2. #979be7
  3. #e797c3
  4. #e7e397

Монохромная

  1. #2bba6b
  2. #59d992
  3. #97e7bb
  4. #d5f5e4
  5. #eefbf4

Тени

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

  1. #97e7bb
  2. #88d0a8
  3. #79b996
  4. #6aa283
  5. #5b8b70
  6. #4c745e
  7. #3c5c4b
  8. #2d4538
  9. #1e2e25
  10. #0f1713
  11. #000000

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

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

  1. #97e7bb
  2. #a1e9c2
  3. #acecc9
  4. #b6eecf
  5. #c1f1d6
  6. #cbf3dd
  7. #d5f5e4
  8. #e0f8eb
  9. #eafaf1
  10. #f5fdf8
  11. #ffffff

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

#97e7bb, постепенно смешанный с серым.

  1. #97e7bb
  2. #95ddb5
  3. #92d2af
  4. #90c8a9
  5. #8ebea3
  6. #8cb49e
  7. #89a998
  8. #879f92
  9. #85958c
  10. #828a86
  11. #808080

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

Ахроматопсия #d6d6d6 ≈ 0.003% мужчин
Ахроматомалия #c0ddcc ≈ 0.001% мужчин
Протанопия #e5dcb9 ≈ 1.01% мужчин
Дейтеранопия #d8d2be ≈ 1.27% мужчин
Тританопия #86e6db ≈ 0.0001% мужчин
Протаномалия #cbe0ba ≈ 1.08% мужчин
Дейтераномалия #c2dbbd ≈ 4.63% мужчин
Тританомалия #8de7cf ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-97e7bb {
  color: #97e7bb;
}
Фон
.bg-97e7bb {
  background-color: #97e7bb;
  color: #000000;
}
Рамка
.border-97e7bb {
  border: 2px solid #97e7bb;
}
CSS-переменные
:root {
  --color-primary: #97e7bb;
  --color-primary-rgb: 151 231 187;
  --color-primary-hsl: 147 63% 75%;
}
Градиент
.gradient-97e7bb {
  background: linear-gradient(135deg, #97e7bb, #97e7e3);
}
Цветная тень
.shadow-97e7bb {
  box-shadow: 0 8px 24px rgb(151 231 187 / 0.35);
}

#9fe2bf Seafoam Green ΔE 2.71 #aaf0d1 Magic Mint ΔE 4.43 #ace1af Celadon ΔE 4.99 #7fffd4 Aquamarine ΔE 6.77 #a8e4a0 Granny Smith Apple ΔE 7.16 #66cdaa Medium Aquamarine ΔE 7.94 #d0f0c0 Tea Green ΔE 9.59 #681844 Инвертированный #d6d6d6 Оттенки серого 

Seafoam Green
#97e7bb  rgb(151, 231, 187)  hsl(147, 63%, 75%)  Seafoam Green
#e797c3  rgb(231, 151, 195)  hsl(327, 63%, 75%)  Carnation Pink
#bb97e7  rgb(187, 151, 231)  hsl(267, 63%, 75%)  Wisteria
#e7bb97  rgb(231, 187, 151)  hsl(27, 63%, 75%)  Desert Sand