ColorTool
Войти
#97D9C3

#97d9c3 ≈ Seafoam Green

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

#97d9c3 — цвет из семейства «сине-зелёные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 59,22% красного, 85,1% зелёного и 76,47% синего; при печати в CMYK используется 30,41% голубого, 0% пурпурного, 10,14% жёлтого и 14,9% чёрного. Угол цветового тона — 160°, насыщенность 46,48% и светлота 72,16% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с ясностью, спокойствием и обновлением. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 13,03:1 (WCAG AAA). Ближайший именованный цвет — Seafoam Green (#9fe2bf), ΔE 4,39.

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

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

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

  1. #97d9c3
  2. #d997ad

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

  1. #97d9c3
  2. #d997ce
  3. #d9a297

Аналоговая

  1. #97d9a2
  2. #97d9c3
  3. #97ced9

Триада

  1. #97d9c3
  2. #c397d9
  3. #d9c397

Тетрада

  1. #97d9c3
  2. #97add9
  3. #d997ad
  4. #d9c397

Квадрат

  1. #97d9c3
  2. #a297d9
  3. #d997ad
  4. #ced997

Монохромная

  1. #3a9d7c
  2. #5fc5a3
  3. #97d9c3
  4. #cfede3
  5. #f0faf6

Тени

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

  1. #97d9c3
  2. #88c3b0
  3. #79ae9c
  4. #6a9889
  5. #5b8275
  6. #4c6d62
  7. #3c574e
  8. #2d413b
  9. #1e2b27
  10. #0f1614
  11. #000000

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

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

  1. #97d9c3
  2. #a1ddc9
  3. #ace1cf
  4. #b6e4d5
  5. #c1e8db
  6. #cbece1
  7. #d5f0e7
  8. #e0f4ed
  9. #eaf7f3
  10. #f5fbf9
  11. #ffffff

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

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

  1. #97d9c3
  2. #95d0bc
  3. #92c7b6
  4. #90beaf
  5. #8eb5a8
  6. #8cada2
  7. #89a49b
  8. #879b94
  9. #85928d
  10. #828987
  11. #808080

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

Ахроматопсия #cccccc ≈ 0.003% мужчин
Ахроматомалия #b9d1c8 ≈ 0.001% мужчин
Протанопия #d5d1c2 ≈ 1.01% мужчин
Дейтеранопия #c9c8c4 ≈ 1.27% мужчин
Тританопия #86dad2 ≈ 0.0001% мужчин
Протаномалия #bfd4c2 ≈ 1.08% мужчин
Дейтераномалия #b7cfc4 ≈ 4.63% мужчин
Тританомалия #8ddacc ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#9fe2bf Seafoam Green ΔE 4.39 #aaf0d1 Magic Mint ΔE 5.66 #66cdaa Medium Aquamarine ΔE 7.10 #ace1af Celadon ΔE 9.04 #40e0d0 Turquoise ΔE 9.13 #afeeee Pale Turquoise ΔE 9.90 #48d1cc Medium Turquoise ΔE 10.21 #68263c Инвертированный #cccccc Оттенки серого 

Seafoam Green
#97d9c3  rgb(151, 217, 195)  hsl(160, 46%, 72%)  Seafoam Green
#d997ad  rgb(217, 151, 173)  hsl(340, 46%, 72%)  Puce
#c397d9  rgb(195, 151, 217)  hsl(280, 46%, 72%)  Wisteria
#d9c397  rgb(217, 195, 151)  hsl(40, 46%, 72%)  Tan