ColorTool
Войти
#8BBACC

#8bbacc ≈ Moonstone Blue

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

#8bbacc — цвет из семейства «лазурные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 54,51% красного, 72,94% зелёного и 80% синего; при печати в CMYK используется 31,86% голубого, 8,82% пурпурного, 0% жёлтого и 20% чёрного. Угол цветового тона — 196,62°, насыщенность 38,92% и светлота 67,25% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 9,99:1 (WCAG AAA). Ближайший именованный цвет — Moonstone Blue (#73a9c2), ΔE 5,56.

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

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

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

  1. #8bbacc
  2. #cc9d8b

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

  1. #8bbacc
  2. #cc8b99
  3. #ccbd8b

Аналоговая

  1. #8bccbd
  2. #8bbacc
  3. #8b99cc

Триада

  1. #8bbacc
  2. #cc8bba
  3. #bacc8b

Тетрада

  1. #8bbacc
  2. #9d8bcc
  3. #cc9d8b
  4. #bacc8b

Квадрат

  1. #8bbacc
  2. #bd8bcc
  3. #cc9d8b
  4. #99cc8b

Монохромная

  1. #3a6f84
  2. #569ab5
  3. #8bbacc
  4. #c0dae3
  5. #f1f7f9

Тени

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

  1. #8bbacc
  2. #7da7b8
  3. #6f95a3
  4. #61828f
  5. #53707a
  6. #465d66
  7. #384a52
  8. #2a383d
  9. #1c2529
  10. #0e1314
  11. #000000

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

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

  1. #8bbacc
  2. #97c1d1
  3. #a2c8d6
  4. #aecfdb
  5. #b9d6e0
  6. #c5dde6
  7. #d1e3eb
  8. #dceaf0
  9. #e8f1f5
  10. #f3f8fa
  11. #ffffff

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

#8bbacc, постепенно смешанный с серым.

  1. #8bbacc
  2. #8ab4c4
  3. #89aebd
  4. #88a9b5
  5. #87a3ae
  6. #869da6
  7. #84979e
  8. #839197
  9. #828c8f
  10. #818688
  11. #808080

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

Ахроматопсия #b3b3b3 ≈ 0.003% мужчин
Ахроматомалия #a4b6bd ≈ 0.001% мужчин
Протанопия #b0b7cd ≈ 1.01% мужчин
Дейтеранопия #a6afcc ≈ 1.27% мужчин
Тританопия #75c0c0 ≈ 0.0001% мужчин
Протаномалия #a2b8cd ≈ 1.08% мужчин
Дейтераномалия #9cb4cc ≈ 4.63% мужчин
Тританомалия #7ebec5 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-8bbacc {
  color: #8bbacc;
}
Фон
.bg-8bbacc {
  background-color: #8bbacc;
  color: #000000;
}
Рамка
.border-8bbacc {
  border: 2px solid #8bbacc;
}
CSS-переменные
:root {
  --color-primary: #8bbacc;
  --color-primary-rgb: 139 186 204;
  --color-primary-hsl: 197 39% 67%;
}
Градиент
.gradient-8bbacc {
  background: linear-gradient(135deg, #8bbacc, #8b99cc);
}
Цветная тень
.shadow-8bbacc {
  box-shadow: 0 8px 24px rgb(139 186 204 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 5.56 #87ceeb Sky Blue ΔE 6.16 #89cff0 Baby Blue ΔE 6.86 #aec6cf Pastel Blue ΔE 6.97 #add8e6 Light Blue ΔE 7.87 #a4dded Non-Photo Blue ΔE 8.78 #87cefa Light Sky Blue ΔE 8.79 #744533 Инвертированный #b3b3b3 Оттенки серого 

Moonstone Blue
#8bbacc  rgb(139, 186, 204)  hsl(197, 39%, 67%)  Moonstone Blue
#cc9d8b  rgb(204, 157, 139)  hsl(17, 39%, 67%)  Tumbleweed
#cc8bba  rgb(204, 139, 186)  hsl(317, 39%, 67%)  Sky Magenta
#bacc8b  rgb(186, 204, 139)  hsl(77, 39%, 67%)  Olivine