ColorTool
Войти
#9CD9BF

#9cd9bf ≈ Seafoam Green

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

#9cd9bf — цвет из семейства «сине-зелёные»; светлота: высокая, насыщенность: приглушённая. В модели RGB он состоит из 61,18% красного, 85,1% зелёного и 74,9% синего; при печати в CMYK используется 28,11% голубого, 0% пурпурного, 11,98% жёлтого и 14,9% чёрного. Угол цветового тона — 154,43°, насыщенность 44,53% и светлота 73,14% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с ясностью, спокойствием и обновлением. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 13,09:1 (WCAG AAA). Ближайший именованный цвет — Seafoam Green (#9fe2bf), ΔE 3,17.

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

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

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

  1. #9cd9bf
  2. #d99cb6

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

  1. #9cd9bf
  2. #d99cd5
  3. #d9a19c

Аналоговая

  1. #9cd9a1
  2. #9cd9bf
  3. #9cd5d9

Триада

  1. #9cd9bf
  2. #bf9cd9
  3. #d9bf9c

Тетрада

  1. #9cd9bf
  2. #9cb6d9
  3. #d99cb6
  4. #d9bf9c

Квадрат

  1. #9cd9bf
  2. #a19cd9
  3. #d99cb6
  4. #d5d99c

Монохромная

  1. #3d9f75
  2. #65c49b
  3. #9cd9bf
  4. #d3eee3
  5. #f0f9f5

Тени

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

  1. #9cd9bf
  2. #8cc3ac
  3. #7dae99
  4. #6d9886
  5. #5e8273
  6. #4e6d60
  7. #3e574c
  8. #2f4139
  9. #1f2b26
  10. #101613
  11. #000000

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

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

  1. #9cd9bf
  2. #a6ddc5
  3. #b0e1cc
  4. #bae4d2
  5. #c4e8d9
  6. #ceecdf
  7. #d7f0e5
  8. #e1f4ec
  9. #ebf7f2
  10. #f5fbf9
  11. #ffffff

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

#9cd9bf, постепенно смешанный с серым.

  1. #9cd9bf
  2. #99d0b9
  3. #96c7b2
  4. #94beac
  5. #91b5a6
  6. #8eada0
  7. #8ba499
  8. #889b93
  9. #86928d
  10. #838986
  11. #808080

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

Ахроматопсия #cccccc ≈ 0.003% мужчин
Ахроматомалия #bbd1c7 ≈ 0.001% мужчин
Протанопия #d6d1be ≈ 1.01% мужчин
Дейтеранопия #ccc9c1 ≈ 1.27% мужчин
Тританопия #8ed9d1 ≈ 0.0001% мужчин
Протаномалия #c2d4be ≈ 1.08% мужчин
Дейтераномалия #bad0c0 ≈ 4.63% мужчин
Тританомалия #94d9ca ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-9cd9bf {
  color: #9cd9bf;
}
Фон
.bg-9cd9bf {
  background-color: #9cd9bf;
  color: #000000;
}
Рамка
.border-9cd9bf {
  border: 2px solid #9cd9bf;
}
CSS-переменные
:root {
  --color-primary: #9cd9bf;
  --color-primary-rgb: 156 217 191;
  --color-primary-hsl: 154 45% 73%;
}
Градиент
.gradient-9cd9bf {
  background: linear-gradient(135deg, #9cd9bf, #9cd5d9);
}
Цветная тень
.shadow-9cd9bf {
  box-shadow: 0 8px 24px rgb(156 217 191 / 0.35);
}

#9fe2bf Seafoam Green ΔE 3.17 #aaf0d1 Magic Mint ΔE 5.19 #66cdaa Medium Aquamarine ΔE 7.22 #ace1af Celadon ΔE 7.41 #8fbc8f Dark Sea Green ΔE 10.01 #7fffd4 Aquamarine ΔE 10.31 #40e0d0 Turquoise ΔE 10.54 #632640 Инвертированный #cccccc Оттенки серого 

Seafoam Green
#9cd9bf  rgb(156, 217, 191)  hsl(154, 45%, 73%)  Seafoam Green
#d99cb6  rgb(217, 156, 182)  hsl(334, 45%, 73%)  Nadeshiko Pink
#bf9cd9  rgb(191, 156, 217)  hsl(274, 45%, 73%)  Wisteria
#d9bf9c  rgb(217, 191, 156)  hsl(34, 45%, 73%)  Tan