ColorTool
Войти
#9BB8DF

#9bb8df ≈ Light Steel Blue

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

#9bb8df — цвет из семейства «лазурные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 60,78% красного, 72,16% зелёного и 87,45% синего; при печати в CMYK используется 30,49% голубого, 17,49% пурпурного, 0% жёлтого и 12,55% чёрного. Угол цветового тона — 214,41°, насыщенность 51,52% и светлота 74,12% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 10,32:1 (WCAG AAA). Ближайший именованный цвет — Light Steel Blue (#b0c4de), ΔE 5,06.

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

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

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

  1. #9bb8df
  2. #dfc29b

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

  1. #9bb8df
  2. #dfa09b
  3. #dadf9b

Аналоговая

  1. #9bdadf
  2. #9bb8df
  3. #a09bdf

Триада

  1. #9bb8df
  2. #df9bb8
  3. #b8df9b

Тетрада

  1. #9bb8df
  2. #c29bdf
  3. #dfc29b
  4. #b8df9b

Квадрат

  1. #9bb8df
  2. #df9bda
  3. #dfc29b
  4. #9bdfa0

Монохромная

  1. #3768aa
  2. #618fcc
  3. #9bb8df
  4. #d5e1f2
  5. #f0f4fa

Тени

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

  1. #9bb8df
  2. #8ca6c9
  3. #7c93b2
  4. #6d819c
  5. #5d6e86
  6. #4e5c70
  7. #3e4a59
  8. #2f3743
  9. #1f252d
  10. #101216
  11. #000000

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

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

  1. #9bb8df
  2. #a5bfe2
  3. #afc6e5
  4. #b9cde9
  5. #c3d4ec
  6. #cddcef
  7. #d7e3f2
  8. #e1eaf5
  9. #ebf1f9
  10. #f5f8fc
  11. #ffffff

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

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

  1. #9bb8df
  2. #98b2d6
  3. #96adcc
  4. #93a7c3
  5. #90a2b9
  6. #8e9cb0
  7. #8b96a6
  8. #88919d
  9. #858b93
  10. #83868a
  11. #808080

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

Ахроматопсия #b6b6b6 ≈ 0.003% мужчин
Ахроматомалия #acb7c8 ≈ 0.001% мужчин
Протанопия #aab9e1 ≈ 1.01% мужчин
Дейтеранопия #a3b3de ≈ 1.27% мужчин
Тританопия #87c0c5 ≈ 0.0001% мужчин
Протаномалия #a4b9e0 ≈ 1.08% мужчин
Дейтераномалия #a0b5de ≈ 4.63% мужчин
Тританомалия #90bdd0 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-9bb8df {
  color: #9bb8df;
}
Фон
.bg-9bb8df {
  background-color: #9bb8df;
  color: #000000;
}
Рамка
.border-9bb8df {
  border: 2px solid #9bb8df;
}
CSS-переменные
:root {
  --color-primary: #9bb8df;
  --color-primary-rgb: 155 184 223;
  --color-primary-hsl: 214 52% 74%;
}
Градиент
.gradient-9bb8df {
  background: linear-gradient(135deg, #9bb8df, #a09bdf);
}
Цветная тень
.shadow-9bb8df {
  box-shadow: 0 8px 24px rgb(155 184 223 / 0.35);
}

#b0c4de Light Steel Blue ΔE 5.06 #a2add0 Wild Blue Yonder ΔE 6.40 #71a6d2 Iceberg ΔE 8.09 #73c2fb Maya Blue ΔE 9.25 #87cefa Light Sky Blue ΔE 9.74 #bcd4e6 Pale Aqua ΔE 9.81 #73a9c2 Moonstone Blue ΔE 10.86 #644720 Инвертированный #b6b6b6 Оттенки серого 

Light Steel Blue
#9bb8df  rgb(155, 184, 223)  hsl(214, 52%, 74%)  Light Steel Blue
#dfc29b  rgb(223, 194, 155)  hsl(34, 52%, 74%)  Tan
#df9bb8  rgb(223, 155, 184)  hsl(334, 52%, 74%)  Nadeshiko Pink
#b8df9b  rgb(184, 223, 155)  hsl(94, 52%, 74%)  Granny Smith Apple